@charset 'shift_jis';

/********** くらづくり自慢の逸品 **********/
#main .ranking{
	width:100%;
	margin:0 auto;
	font-size:85%;
}
#main .ranking .heading{
	margin:0;
}
#main .ranking ul{
	list-style:none;
	margin:0;
	padding:0 0 10%;
}
#main .ranking ul li {
    float: left;
    width: calc(100%/3);
    padding: 0 1%;
    box-sizing: border-box;
}
#main .ranking ul li .thumb{
	padding:0 0 1%;
}
#main .ranking ul li .name{
	text-align:center;
	letter-spacing:-0.1em;
}
#main .ranking ul li .name a{
	display:block;
}

/********** くらづくり自慢の逸品 **********/
#main .recommend{
	width:100%;
	margin:0 auto;
	font-size:2vw;
}
#main .recommend .heading{
    margin: 0 0 3%;
    overflow: hidden;
}

#main .recommend .heading img {
    min-width: 660px;
}


#main .recommend ul{
	list-style:none;
	margin:0;
	padding:0 0 10%;
}
#main .recommend ul li{
	float:left;
	width:calc(100%/4);
    padding: 1%;
    box-sizing: border-box;
}
#main .recommend ul li .thumb{
	padding:0 0 1%;
}
#main .recommend ul li .name{
	text-align:center;
	letter-spacing:-0.1em;
}
#main .recommend ul li .name a{
	display:block;
}