@charset "utf-8";
/* CSS Document */

/*GRAVURE*/
#gravure h2{
}

ul.banner{
font-size:0;
text-align:left;
padding:5px;
}
ul.banner li{
display:inline-block;
width:calc(100%/1 - 10px);
margin:2px;
font-size:14px;
text-align:center;
margin-bottom:20px;
vertical-align:top;
}
ul.banner li img{
border:2px solid #cccccc;
	display:block;
	max-width:100%;
box-sizing: border-box;
margin:auto;
}
ul.banner li.shopnamba img{
border-color:#f2dae5;
}
ul.banner li.shoprich img{
border-color:#bceaf7;
}
ul.banner li.shopspa img{
border-color:#e52c8a;
}
ul.banner li.shopfemi img{
border-color:#f4b3cf;
}
ul.banner li.shopp2u img{
border-color:#fdff7f;
}
ul.banner li.shopol img{
border-color:#ffaf1d;
}
ul.banner li.shophisyo img{
border-color:#e9d47e;
}

ul.banner li span{
	color:#000000;
	background-color:#666666;
	border-radius:3px;
	padding:5px 10px;
	display:inline-block;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:normal;
	font-size:12px;
}
ul.banner li span.shopnamba{
background-color:#f2dae5;
color:#000000;
}
ul.banner li span.shoprich{
background-color:#bceaf7;
}
ul.banner li span.shopspa{
background-color:#e52c8a;
color:#ffffff;
}
ul.banner li span.shopfemi{
background-color:#f4b3cf;
}
ul.banner li span.shopp2u{
background-color:#fdff7f;
}
ul.banner li span.shopol{
background-color:#ffaf1d;
}
ul.banner li span.shophisyo{
background-color:#e9d47e;
color:#000000;
}

@media screen and (max-width: 667px) {
ul.banner li{
display:inline-block;
/*width:calc(100%/2 - 10px);*/
}
}