.rankimg:first-child:before{
	background: url(https://www.cloche.shop/s/images/farfalle/top/1.png) center center / contain no-repeat;
}
.recoitem li:nth-child(2) .rankimg:before{
	background: url(https://www.cloche.shop/s/images/farfalle/top/2.png) center center / contain no-repeat;
}
.recoitem li:nth-child(3) .rankimg:before{
	background: url(https://www.cloche.shop/s/images/farfalle/top/3.png) center center / contain no-repeat;
}
.recoitem li:nth-child(4) .rankimg:before{
	background: url(https://www.cloche.shop/s/images/farfalle/top/4.png) center center / contain no-repeat;
}
.recoitem li:nth-child(5) .rankimg:before{
	background: url(https://www.cloche.shop/s/images/farfalle/top/5.png) center center / contain no-repeat;
}
.recoitem li:nth-child(6) .rankimg:before{
	background: url(https://www.cloche.shop/s/images/farfalle/top/6.png) center center / contain no-repeat;
}
.recoitem li:nth-child(7) .rankimg:before{
	background: url(https://www.cloche.shop/s/images/farfalle/top/7.png) center center / contain no-repeat;
}
.recoitem li:nth-child(8) .rankimg:before{
	background: url(https://www.cloche.shop/s/images/farfalle/top/8.png) center center / contain no-repeat;
}
.frecoitem{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.frecoitem li{
	width:31%;
	margin-right: 3.5%;
	margin-bottom:20px;
}
.frecoitem li:nth-of-type(3n){
	margin-right: 0;
}
.frecoitem li img{
	width:100%;
	margin-bottom:7px;
}
.newsarea{
	width: 80%;
	margin: 0 auto;
	padding: 15px 0 80px;
}
.rankimg{
	position: relative;
} 
.rankimg:before{
	width: 22px;
	height: 29px;
	right: 10px;
	content: "";
	display: block;
	position: absolute;
	bottom: 1%;
}
.farmore {
  text-align: center;
  font-size: 15px;
  width: 300px;
  margin: 0 auto;
}
.farmore a {
  display: block;
  padding: 10px 0 8px;
  border: 1px solid #ae9bc9;
  background: #ae9bc9;
  color: #fff;
}
.farmore a:hover {
  color: #ae9bc9;
  background: #fff;
}
.bigred{
	color: #e95459;
  font-size: 20px;
}

/* EVENT FARFALLE */
.event-ff-box{
	overflow: hidden;
	margin: 30px 0 0;
}
.event-ff-box li img{
	width: 350px;
	float: left;
	padding: 0 30px 50px 0;
}
/* top */
.top-ff3{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.top-ff3 li{
	width: 32%;
	margin-right: 2%;
}
.top-ff3 li img{
	max-width: 100%;
	height: auto;
}
.top-ff3 li:nth-child(3n){
	margin-right: 0 !important;
}
.top-ff3 li:nth-child(n+4){
	margin-top: 30px;
}
.hamburger{
	display: none !important;
}


/* サイドカラー */

.ff-colist{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	background: #fff;
	padding: 4px !important;
}

.ff-colist li{
	list-style-type: none;
	margin: 5% 7% 0 0; 
	border-bottom: none !important;
	background:none;
	padding: 0 !important;
}

.ff-colist li:nth-child(5n){
	margin-right:0 !important;
}

.ff-colist li a:hover{
	opacity: 0.5 ;
}

.ff-colist li:nth-child(1) a{
	display: block;
	border-radius: 50%;
	background: #fa0808;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(2) a{
	display: block;
	border-radius: 50%;
	background: #000;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(3) a{
	display: block;
	border-radius: 50%;
	background: #097439;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(4) a{
	display: block;
	border-radius: 50%;
	background:#3e0bf3;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(5) a{
	display: block;
	border-radius: 50%;
	background:#460606;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(6) a{
	display: block;
	border-radius: 50%;
	background:#c3afaf;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(7) a{
	display: block;
	border-radius: 50%;
	background:#fff;
	border: 1px solid #222;
	width: 28px;
	height: 28px;
	font-size: 20px;
}
.ff-colist li:nth-child(8) a{
	display: block;
	border-radius: 50%;
	background:#f40d8b;
	width: 30px;
	height: 30px;
	font-size: 20px;
}

.ff-colist li:nth-child(9) a{
	display: block;
	border-radius: 50%;
	background:#ffff3a;
	width: 30px;
	height: 30px;
	font-size: 20px;
}

.ff-colist li:nth-child(10) a{
	display: block;
	border-radius: 50%;
	background:#a3a3a1;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(11) a{
	display: block;
	border-radius: 50%;
	background:url(https://www.cloche.shop/s/images/nav/ff/silver.jpg) no-repeat center center;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(12) a{
	display: block;
	border-radius: 50%;
	background:url(https://www.cloche.shop/s/images/nav/ff/gold.jpg) no-repeat center center;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(13) a{
	display: block;
	border-radius: 50%;
	background:#bf00ff;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
.ff-colist li:nth-child(14) a{
	display: block;
	border-radius: 50%;
	background:url(https://www.cloche.shop/s/images/nav/ff/panther.jpg) no-repeat center top;
	width: 30px;
	height: 30px;
	font-size: 20px;
}