.home-category__content--purple {
	background-color: rgba(127, 106, 135, 0.8);
}
@media (min-width:769px) {
	.camp_title {
		background: #f6f6f6;
		ul {
			width: 1000px;
			margin: auto;
			padding: 30px;
			display: flex;
			align-items: center;
			img {
				width: 340px;
				margin-right: 150px;
			}
			li {
				font-size: 15px;
				font-weight: 500;
				line-height: 30px;
			}
		}
	}
	.to_local {
	  display: flex;
	  justify-content: center;
	  border-bottom: 100px solid #f6f6f6;
	  li {
		width: 310px;
		margin: 0px 20px 60px 20px;
	  }
	}
	.no1_img {
		position: relative;
		span img {
			width: 370px;
			position: absolute;
			bottom: 10%;
			left: 50%;
			transform: translateX(-50%);
		}
	}
	.bnr_box {
	  background: #f6f6f6;
	  width: 100%;
	  padding: 50px 0 30px 0;
	  margin-bottom: 80px;
	  ul {
		width: 670px;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		li {
		  width: 45%;
		  margin-bottom: 40px;
		}
	  }
	}
	.le_reserve {
		text-align: center;
		margin: 20px auto 80px auto;
		a {
			display: inline-block;
			background-color: #1772bb;
			color: #FFF;
			width: 440px;
			margin: auto;
			font-weight: 500;
			font-size: 18px;
			padding: 20px 0;
			border-radius: 40px;
			background-image: url("../images/w_arrow.svg");
			background-repeat: no-repeat;
			background-position: right 20px center;
			background-size: 20px auto;
		}
		a:hover {
			background-color: #666;
			color: #FFF;
			width: 440px;
			text-decoration: none;
			background-image: url("../images/w_arrow.svg");
			background-repeat: no-repeat;
			background-position: right 20px center;
			background-size: 20px auto;
		}
	}
	.local-event-info {
	  width: 1000px;
	  margin: 100px auto 70px auto;
	  ul {
		display: flex;
		flex-wrap: wrap;
		li {
		  width: 31%;
		  margin-right: 3.5%;
		  margin-bottom: 30px;
		  border: 1px solid #CCC;
		  box-sizing: border-box;
		  .photo {
			position: relative;
			span {
			  background: #222;
			  color: #FFF;
			  position: absolute;
			  top: 0;
			  left: 0;
			  font-size: 12px;
			  padding: 2px 10px;
			}
		  }
		  .le_info {
			padding: 15px 25px;
		  }
		  .le_title {
			font-size: 15px;
			font-weight: 500;
			padding-bottom: 8px;
			margin-bottom: 8px;
			border-bottom: 1px solid #AAA;
		  }
		  .le_date {
			font-size: 13px;
		  }
		  .le_place {
			font-size: 13px;
			margin-bottom: 7px;
		  }
		  .le_tel {
			font-size: 13px;
			margin-bottom: 7px;
		  }
		  .le_btn {
			display: flex;
			justify-content: space-between;
			a.detail {
			  width: 48%;
			  text-align: center;
			  border: 1px solid #999;
			  border-radius: 6px;
			  font-size: 13px;
			  font-weight: 500;
			  padding: 10px 0;
			}
			a.reserve {
			  width: 48%;
			  text-align: center;
			  background: #56a1dc;
			  color: #FFF;
			  border-radius: 6px;
			  font-size: 13px;
			  font-weight: 500;
			  padding: 10px 0;
			}
		  }
		}
		li:nth-child(3n) {
		  margin-right: 0px;
		}
	  }
	}
	.intop {
		background: #f6f6f6;
		padding: 70px 0;
		.inbox {
			width: 1000px;
			margin: auto;
			.read {
				font-size: 24px;
				font-weight: 500;
			}
			h2 {
				font-size: 110px;
				font-weight: 500;
				letter-spacing: 0.08em;
				line-height: 100px;
			}
			.in_area {
				font-size: 23px;
				font-weight: 500;
				margin-top: 30px;
			}
			ul {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				.read_en {
					font-size: 30px;
					font-weight: 500;
					margin-bottom: 20px;
				}
				.read_jp {
					font-size: 18px;
					margin-bottom: 30px;
				}
				.in_bnr {
					width: 380px;
				}
				.in_photo {
					width: 500px;
				}
			}
		}
	}
	.re_top {
		text-align: center;
		margin: -50px auto 100px auto;
		a {
			display: inline-block;
			background-color: #505050;
			color: #FFF;
			font-size: 14px;
			padding: 15px 100px;
			border-radius: 6px;
			background-image: url("../images/w_arrow.svg");
			background-repeat: no-repeat;
			background-position: right 20px center;
			background-size: 20px auto;
		}
		a:hover {
			background-color: #999;
			color: #FFF;
			text-decoration: none;
			background-image: url("../images/w_arrow.svg");
			background-repeat: no-repeat;
			background-position: right 20px center;
			background-size: 20px auto;
		}
	}
	.est_box {
	  width: 1000px;
	  margin: 50px auto;
	  .slide_est {
		.esitem {
		  width: 230px !important;
		  text-align: left;
		  margin-bottom: 20px;
		  .photo {
			position: relative;
			img {
			  object-fit: cover;
			  width: 100%;
			  aspect-ratio: 1.661 /1;
			}
			.category {
			  position: absolute;
			  top: 0;
			  left: 0;
			  background: #4C4C4C;
			  color: #FFF;
			  padding: 3px 10px;
			  font-size: 13px;
			}
		  }
		  .date {
			font-size: 12px;
			letter-spacing: 1px;
			margin: 10px 0 0 0;
		  }
		  .eTitle {
			font-size: 16px;
			font-weight: 500;
			margin: 0 0 10px 0;
			width: 230px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		  }
		  .eCap {
			font-size: 14px;
			line-height: 23px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		  }
		  a:hover {
			text-decoration: none;
		  }
		}
	  }
	}
	.other_area {
		a {
			display: block;
			font-size: 16px;
			text-decoration: underline;
			margin: 40px 0 -40px 0;
		}
	}
}
@media (max-width:768px) {
	.camp_title {
		background: #f6f6f6;
		ul {
			width: 85%;
			margin: auto;
			padding: 30px;
			img {
				width: 100%;
				margin-bottom: 10px;
			}
			li {
				font-size: 14px;
				font-weight: 500;
				line-height: 24px;
			}
		}
	}
	.to_local {
		width: 300px;
		margin: -50px auto 0 auto;
		li {
			margin-bottom: 20px;
		}
	}
	.no1_img {
		position: relative;
		border-top: 50px solid #f6f6f6;
		margin: 40px 0 0 0;
		span img {
			width: 300px;
			position: absolute;
			bottom: 6.5%;
			left: 50%;
			transform: translateX(-50%);
		}
	}
	.bnr_box {
	  background: #f6f6f6;
	  width: 100%;
	  padding: 50px 0;
	  margin-bottom: 50px;
	  ul {
		width: 90%;
		margin: auto;
		li {
		  width: 100%;
		  margin-bottom: 20px;
		}
	  }
	}
	.le_reserve {
		text-align: center;
		margin: 0 auto 40px auto;
		a {
			display: inline-block;
			background-color: #1772bb;
			color: #FFF;
			width: 300px;
			margin: auto;
			font-weight: 500;
			font-size: 14px;
			padding: 20px 0;
			border-radius: 40px;
			background-image: url("../images/w_arrow.svg");
			background-repeat: no-repeat;
			background-position: right 20px center;
			background-size: 20px auto;
		}
	}
	.local-event-info {
	  width: 95%;
	  margin: 20px auto 50px auto;
	  ul {
		display: flex;
		flex-wrap: wrap;
		li {
		  width: 48%;
		  margin-right: 3%;
		  margin-bottom: 20px;
		  border: 1px solid #CCC;
		  box-sizing: border-box;
		  .photo {
			position: relative;
			span {
			  background: #222;
			  color: #FFF;
			  position: absolute;
			  top: 0;
			  left: 0;
			  font-size: 10px;
			  padding: 2px 10px;
			}
		  }
		  .le_info {
			padding: 12px 10px;
		  }
		  .le_title {
			font-size: 12px;
			font-weight: 500;
			padding-bottom: 8px;
			margin-bottom: 8px;
			border-bottom: 1px solid #AAA;
		  }
		  .le_date {
			font-size: 10px;
		  }
		  .le_place {
			font-size: 10px;
			margin-bottom: 7px;
		  }
		  .le_tel {
			font-size: 10px;
			margin-bottom: 7px;
		  }
		  .le_btn {
			a.detail {
				display: block;
				width: 100%;
				text-align: center;
				border: 1px solid #999;
				border-radius: 6px;
				font-size: 12px;
				font-weight: 500;
				padding: 10px 0;
				margin: 10px auto 10px auto;
			}
			a.reserve {
				display: block;
				width: 100%;
				text-align: center;
				background: #56a1dc;
				color: #FFF;
				border-radius: 6px;
				font-size: 12px;
				font-weight: 500;
				padding: 10px 0;
			}
		  }
		}
		li:nth-child(2n) {
		  margin-right: 0px;
		}
	  }
	}
	.intop {
		background: #f6f6f6;
		padding: 40px 0;
		.inbox {
			width: 85%;
			margin: auto;
			.read {
				font-size: 15px;
				font-weight: 500;
			}
			h2 {
				font-size: 54px;
				font-weight: 500;
				letter-spacing: 0.08em;
				line-height: 50px;
			}
			.in_area {
				font-size: 19px;
				font-weight: 500;
				margin: 20px 0 40px 0;
			}
			ul {
				.read_en {
					font-size: 23px;
					font-weight: 500;
					margin-bottom: 20px;
				}
				.read_jp {
					font-size: 14px;
					margin-bottom: 30px;
				}
				.in_bnr {
					width: 100%;
					margin-bottom: 40px;
				}
				.in_photo {
					margin: 0 -7.5vw 0 -7.5vw;
				}
			}
		}
	}
	.re_top {
		text-align: center;
		margin: 0px auto 60px auto;
		a {
			display: inline-block;
			background-color: #505050;
			color: #FFF;
			font-size: 14px;
			padding: 15px 50px;
			border-radius: 6px;
			background-image: url("../images/w_arrow.svg");
			background-repeat: no-repeat;
			background-position: right 20px center;
			background-size: 15px auto;
		}
		a:hover {
			background-color: #999;
			color: #FFF;
			text-decoration: none;
			background-image: url("../images/w_arrow.svg");
			background-repeat: no-repeat;
			background-position: right 20px center;
			background-size: 15px auto;
		}
	}
	.est_box {
	  width: 100%;
	  margin: 30px auto 80px auto;
	  .slide_est {
		  .esitem {
			width: 95% !important;
			margin-left: 3%;
			.photo {
				position: relative;
				img {
				object-fit: cover;
				width: 100%;
				aspect-ratio: 1.661 /1;
			}
			.category {
			position: absolute;
			top: 0;
			left: 0;
			background: #4C4C4C;
			color: #FFF;
			padding: 3px 10px;
			font-size: 13px;
			}
			}
			.date {
				font-size: 12px;
				letter-spacing: 1px;
				margin: 10px 0 0 0;
			}
			.eTitle {
				font-size: 15px;
				font-weight: 500;
				margin: 0 0 10px 0;
				width: 230px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.eCap {
				font-size: 13px;
				line-height: 21px;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
			}
			a:hover {
				text-decoration: none;
			}
		}
	  }
	}
	.other_area {
		a {
			display: block;
			font-size: 14px;
			text-decoration: underline;
			margin: -30px 0 10px 0;
		}
	}
}