@charset "utf-8";

.all{
	width: 100%;
	margin: 0 auto;
}

.banner{
	width: 100vw;
	margin-top: 50px;
	margin-left: calc(50% - 50vw);
	height: auto;
}

.event_nav{
	width: 750px;
	margin: 20px auto;
	display: flex;
	text-align: center;
}

.event_nav ul li{
	list-style: none;
	display: inline-block;
	margin: 15px 20px;
}

.event_nav ul li a{
	background-color: #fff;
	font-family: "Meiryo UI";
  display: inline-block;
	width: 100px;
	text-align: center;
  padding: 0.5em 1em;
  text-decoration: none;
  color:#3f3f3fff;/*文字色*/
	border: 1.5px solid #cfcecdff;
	border-radius: 30px;
}

.event_nav ul li a:hover{
	background-color: #e86b06ff;
	color: #fff;
}

.event_nav ul li a.current {
    color: #fff;
	background-color: #e86b06ff;
}

.event_01{
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 20px 0;
	background-color: #f3f3f3ff;
}

.event_group{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.event_01 a{
	display: block;
	width: 350px;
	height: 250px;
	padding: 5px 0;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.event_01 a:hover{
	background-color: #f9f1c0ff;
}

.event_01 a .event_img{
	width: 340px;
	height: 150px;
	background-color: #cfcecd;
	margin: 0 auto;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.event_01 a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#event_text{
	padding: 0 12px;
	text-align: left;
	font-weight: bold;
}

.event_day{
	font-size: 0.8em;
	color: #909090;
	padding: 3px 0;
}

.event_title{
	font-size: 1em;
	color: #e4440c;
}

.event_sentence{
	font-size: 0.8em;
	color: #6a6a6a;
}

.event_sentence::after{
  content: " ▶";
  font-size: 0.9em;
}