@charset "utf-8";

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


#apply img {
max-width:98%;
height:auto;
}
#apply ol{
line-height:1.3;
margin-bottom:20px;
}
#apply ol li .num{
display:block;
float:left;
color:#FF6600;
width:25px;
}
#apply ol li .item{
display:block;
overflow:hidden;
}

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


/* 商品写真
------------------------------------------------------------*/
#main .grid{
width:50%;
padding:20px;
float:left;
}
#main .grid .grid_content{
border:1px solid #ccc;
}
#main .grid .grid_content .text{
font-size:14px;
font-size:1.4rem;
background-color:#eee;
color:#000066;
line-height:1.2;
padding:5px;
}

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


/* あおり防止ホルダー
------------------------------------------------------------*/
#hook{
font-size:18px;
font-size:1.8rem;
line-height:1.3;
font-weight:bold;
color:#fff;
padding:10px;
background-color:#000080;
width:96%;
margin:0 auto;
border-radius:8px 8px 0 0;
}
#hook_content{
padding:10px 15px;
border:2px solid #000080;
width:96%;
margin:0 auto 50px;
line-height:1.3;
border-radius:0 0 8px 8px;
}
#hook_content .grid{
width:50%;
padding:20px;
float:left;
}
#hook_content .grid .grid_content{
border:1px solid #ccc;
}
#hook_content .grid .grid_content .text{
font-size:14px;
font-size:1.4rem;
background-color:#eee;
color:#000066;
line-height:1.2;
padding:5px;
}

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


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

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

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

}