@charset "UTF-8";

.faircard{
	width: calc(100% / 3 - 36px);
}
@media (max-width: 768px) {
	.faircard{
	width: calc(100% / 2 - 4px);
}
}
.faircard a{
	border: 1px solid #ED4700;
	background: #fff;
	border-radius: 20px;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	gap:10px;
    height: 100%;
}
.faircard a:hover{
	background: #ED4700;
	color: #fff
}
.faircard span{
	display: block;
}
.faircard .icon{
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: #ED4700;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	border: 1px solid #fff;
}
.faircard .place{
	border: 1px solid #000;
	padding: 6px;
	text-align: center;
}
.faircard .ttl{
color: #ED4700;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	letter-spacing: .03em
}
.faircard .btn{
	color: #ED4700;
	border: 1px solid #ED4700;
	border-radius: 3em;
	padding: 20px;
	text-align: center;
	min-width: 200px;
	background: #fff;
}
@media (max-width: 768px) {
	.faircard .btn{
		min-width: 100%;
	}
}
.faircard a:hover .place{
	border: 1px solid #fff;
	color: #fff
}
.faircard a:hover .ttl,.faircard a:hover .day{
	color: #fff;
}
.arrow_r {
  position: relative;
  display: inline-block;
      width: 100%;
}

.arrow_r:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #ED4700;
  border-right: solid 2px #ED4700;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
}
._se .faircard a{
	padding: 0;
	background: none;
	border: none;
}
._se .faircard a:hover{
	opacity: .8
}
@media (max-width: 768px) {
	.sp{
		display: block
	}
	.pc{
display: none
	}
	.foodlink li:first-child{
		width: min(240px,100%);
	}
	.foodlink li:nth-child(2){
		width: min(270px,100%);
	}
	.foodlink .sec{
		margin-top: 0;
	}
	.foodlink li:nth-child(3){
		width: min(260px,100%);
	}
	.foodlink li:nth-child(4){
		width: min(360px,100%);
	}
	.foodlink li:nth-child(5){
		width: min(280px,100%);
	}
	.faircard .icon{
	width: 46px;
	height: 46px;
	font-size: 10px;
}
	.faircard a{
		padding: 10px 8px
	}
.faircard .place{
	padding: 3px;
	font-size: 10px;
}
.faircard .ttl{
	color: #ED4700;font-size: 14px;font-weight: 700;text-align: center;line-height: 1.5;letter-spacing: .03em}
.faircard .btn{
	padding: 4px;
	font-size: 12px;
}
	.faircard .day{
		font-size: 10px
	}
	.arrow_r:before{
		right: 10px
	}
}