@charset "utf-8";



#content_list{
	width:100%;
	position:relative;
	margin:0 auto 100px auto;
}

#content_list img{
	width:100%;
	margin:0 auto;
}

.product ul,
.product2,
.product3{
	width:100%;
	margin:10px auto;
}

.product ul,
.product2 ul,
.product3 ul{
	width:98%;
	margin:0px auto;
	text-align:left;
	font-size:0px;
}


/*4列*/
.product li{
	width:25%;
	height:auto;
	margin:10px 0;
	display:inline-block;
	float:none;
	vertical-align:top;
	font-size:14px;
	text-align:center;
}

/*2列*/
.product2 li{
	width:49%;
	height:auto;
	margin:10px 0 10px 1%;
	display:inline-block;
	float:none;
	vertical-align:top;
	font-size:14px;
	text-align:center;
}

/*3列*/
.product3 li{
	width:32%;
	height:auto;
	margin:10px 2% 10px 0;
	display:inline-block;
	float:none;
	vertical-align:top;
	font-size:14px;
	text-align:center;
}
.product3 li:nth-child(3n){
	margin:10px 0;
}


.product li a,
.product2 li a,
.product3 li a{
	display:block;
	position:relative;
}

.product li a .s-text,
.product2 li a .s-text,
.product3 li a .s-text {
	width:100%;
	font-size:1em;
	color:#aa9977;
	line-height:1.4;
	text-align:center;
}
.product li a:hover .s-text,
.product2 li a:hover .s-text,
.product3 li a:hover .s-text {
	color:#ccbb99;
}
#content_list .product li a img,
#content_list .product2 li a img,
#content_list .product3 li a img{
	width:96%;
	margin:0 auto;
}
.product li a:hover img,
.product li a:hover .icon,
.product2 li a:hover img,
.product2 li a:hover .icon,
.product3 li a:hover img,
.product3 li a:hover .icon{
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

p.sbox {
	margin-top:20px;
   border-bottom: 1px solid;
   width:100%;
   line-height:1.5em;
   text-align:left;
   padding-bottom:4px; 
}


p.sbox span{
	   font-size:2em;

}

/*塗りパターン*/

.etclink{
}
.etclink a{
	margin-top:1em;
	padding:1em;
	display:block;
	background-color:#aa9977;
	box-sizing:border-box;
	color:#ffffff;
	font-size:1.6rem;

}
/*////////////////////////////////////////////////////////////////////////////////////

	for smartphone override

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


#content_list{
	width:100%;
	margin:0 auto 50px auto;
}

.product ul,
.product2 ul,
.product3 ul{
	width:98%;
	margin:0px auto;
	font-size:0px;
	text-align:left;
}
.product li,
.product2 li,
.product3 li{
	width:48%;
	height:auto;
	margin:10px 1%;
	display:inline-block;
	float:none;
	font-size:11px;
	vertical-align:top;
}

.product li a,
.product2 li a,
.product3 li a{
	text-decoration:none;
	font-size:1em;
	line-height:1em;
}

.product li a .s-text,
.product2 li a .s-text,
.product3 li a .s-text{
	position:static;
	width:100%;
	font-size:1.2em;
	line-height:1.2;
	display:block;
	margin-top:0.1em;
}

.product li a:hover img,
.product li a:hover .icon,
.product2 li a:hover img,
.product2 li a:hover .icon,
.product3 li a:hover img,
.product3 li a:hover .icon {
	opacity:0.7;//IE以外透過設定
	filter: Alpha(Opacity=70);//IE6,7用透過設定
	-ms-filter: Alpha(Opacity=70);//IE8用透過設定
}




p.sbox span{
	   font-size:1.2em;
}

/*塗りパターン*/
.etclink a {
    margin-top: 1em;
    padding: 0.6em;
    display: block;
    box-sizing: border-box;
    color: #ffffff !important;
    font-size: 0.6rem !important;
	    margin: 10px;

}

}