.eventbank_city_box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	@media (max-width: 500px) and (min-width: 100px) {
		gap: .6rem;
	}
}

.eventbank_city_box ul li {
	width: calc(89% / 3);
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	background-color: #fff;
	display: inline-block;
	white-space: normal;
	font-size: 12px;
	line-height: 1.3rem;
}
.eventbank_city_box ul li a {
	padding: 4px 8px;
	display: block;
	cursor: pointer;
}
.eventbank_container {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 10px 30px;
	justify-content: space-between;
}
.eventbank_container:after {
	display: block;
	content: "";
	width: calc(100% / 3 - 20px);
	@media (max-width: 500px) and (min-width: 100px) {
		width: calc(100%);
	}
}

.eventbank_container_view {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0 10px;
}

.eventbank_container_box {
	margin-bottom: 10px;
	padding: 0 20px 10px 0;
	width: calc(100% / 3 - 20px);
	@media (max-width: 500px) and (min-width: 100px) {
		width: calc(100%);
		margin-bottom: 10px;
		padding-bottom: 10px;
		padding-right: 0;
		border-bottom: 1px solid #e3e3e3;
	}
}
.eventbank_container_box:nth-child(3n) {
	padding-right: 0;
}

a.eventbank_list_link {
	width: calc(100% / 3 - 20px);
	/*border: 1px solid #dcdcdc;*/
	/*background-color: #f4f4f4;*/
	/*display: flex;*/
	/*align-items: flex-start;*/
	/*padding: 20px 10px 10px;*/
	/*margin: 10px;*/
	box-sizing: border-box;
	text-decoration: none;
}
@media (min-width: 998px) {
	a.eventbank_list_link {
	width: calc(100% / 3 - 20px);
}
}
@media (max-width: 700px) and (min-width: 501px) {
	a.eventbank_list_link {
		/*width: calc(100% / 3 - 20px);*/
		/*border: 1px solid #dcdcdc;*/
		/*background-color: #f4f4f4;*/
		/*padding: 10px;*/
		/*margin: 10px;*/
	}
}
a.eventbank_list_link .eventbank_container_box_venue, a.eventbank_list_link .eventbank_container_box_period, a.eventbank_list_link .event_tag{
	color: #363636;
}
@media (max-width: 500px) and (min-width: 100px) {
	a.eventbank_list_link {
		width: calc(100%);
		display: flex;
		/*border: 1px solid #dcdcdc;*/
		/*background-color: #f4f4f4;*/
		/*padding: 10px;*/
		/*margin: 10px;*/
	}
}

.eventbank_container_box_photo {
	display: block;
	position: relative;
	background-color: silver;
	width: 100%;
	min-width: 120px;
	height: 140px;
	/*height: 200px;*/
	@media (max-width: 700px) and (min-width: 501px) {

	}
	@media (max-width: 500px) and (min-width: 100px) {

		width: 120px;
		min-width: 120px;
		margin-right: 16px;
		height: 90px;
	}
	text-align: center;
	overflow: hidden;
}

.eventbank_container_box_photo img {
	max-width: 100%;
	vertical-align: top;
	width: auto;
}
.img_fit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	margin: auto;
}

.eventbank_container_box_photo_view {
	display: block;
	/*height: 200px;*/
	width: 100%;
	text-align: center;
	/*overflow: hidden;*/
	padding-bottom: 10px;
}

.eventbank_container_box_photo_view img{
	height: 100%;
	max-width: 100%;
	object-fit: cover;
}

.eventbank_container_box_photo_view_text {
	text-align: right;
	width: 100%;
	padding: 10px;
}
.eventbank_container_box_title{
	width: 100%;
	font-size: 12px;
}
.eventbank_container_box_title_list{
	font-weight: bold;
	padding: 10px 0;
	font-size: 133%;
	line-height: 1.4em;
}

.eventbank_container_box_title_view h1{
	font-size: 133%;
	padding: 8px 0 8px 8px;
}

.eventbank_container_box_catchcopy_view {
	display: contents;
}
.eventbank_container_box_catchcopy_view h2 {
	background-color: unset;
	font-size: 133%;
	border: none;
	margin: 20px 0 0;
	padding: 0;
	text-align: left;
	display: block;
}

.eventbank_container_box_info_view {
	margin: 20px auto;
	display: table;
}
.eventbank_container_box_info_view h3 {
	color: #222;
	font-size: 133%;
	text-align: center;
	background-color: unset;
	border: none;
	/*padding: 0;*/
	margin: 0;
	position: relative;
	display: inline-block;
	padding: 0 55px;
}

.eventbank_container_box_info_view h3:before, .eventbank_container_box_info_view h3:after {
	content: '';
	position: absolute;
	top: 40%;
	display: inline-block;
	width: 45px;
	height: 2px;
	border-top: solid 2px #222;
	border-bottom: solid 2px #222;
}

.eventbank_container_box_info_view h3:before {
	left:0;
}
.eventbank_container_box_info_view h3:after {
	right: 0;
}

.eventbank_container_box_catchcopy_list > h2 {

}

.eventbank_container_box_catchcopy_view {
	padding: 10px 0;
}
.eventbank_container_box_catchcopy_view > h2 {
	border: none;
	border-left: 8px #D8272D solid;
	padding: 0 0 0 8px;
	margin-left: 10px;
	background-color: unset;
	text-align: unset;
	line-height: normal;
}

.eventbank_container_box_text_view {
	padding: 10px;
}
.eventbank_container_box_venue, .eventbank_container_box_period {
	font-size: 12px;
	padding: 5px 0;
	line-height: 2em;
}
.eventbank_container_box_venue > span, .eventbank_container_box_period > span {
	background-color: #539900;
	border-radius: 4px;
	padding: 5px 10px;
	margin-right: 10px;
	color: #fff;
}

.event_tag_box_list {
	display: flex;
	flex-wrap: wrap;
	padding: 5px 0 0;
	justify-content: flex-end;
}
.event_tag_box_view{
	margin-bottom: 20px;
}
.eventbank_container_box_coution{
	background-color: #f4f4f4;
}
.event_tag_box_view, .eventbank_container_box_coution {
	padding: 0 10px;
	width: 100%;
}
.event_tag {
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	padding: 4px 8px;
	font-size: 12px;
	background-color: #fff;
	/*color: #fff;*/
	margin: 0 5px 5px 0;
	width: fit-content;
	display: inline-block;
}

.eventbank_container_area {
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 500px) and (min-width: 100px) {
	.eventbank_container_area a span {
		display: block;
	}
}
.eventbank_container_area_box {
	border: 1px solid #dcdcdc;
	border-right: none;
	width: calc(99.2% / 4);
	border-top: none;
}
@media (max-width: 632px) and (min-width: 371px) {
	.eventbank_container_area_box {
		width: calc(98.6% / 4);
		line-height: 1.2rem;
	}
}
@media (max-width: 370px) and (min-width: 100px) {
	.eventbank_container_area_box {
		width: calc(98% / 4);
		line-height: 1.2rem;
	}
}

.active {
	background-color: #fff !important;
}
.eventbank_container_area_box:last-child {
	border-right: 1px solid #dcdcdc;
}
.eventbank_container_area_box {
	background-color: #E68989;
}
.eventbank_container_area_box.active > a {
	color: #363636;
}
.eventbank_container_area_box a {
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.eventbank_container_area_box a:hover{
	background-color: #D81818;
	color: #FFF;
}

.eventbank_container_box_title > h1 {
	font-size: 2em;
	line-height: 1.5em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

table.eventbank {
	margin: 0 0 20px;
	width: 100%;
	table-layout: fixed;
}
table.eventbank tr {
}
table.eventbank th {
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
	width: 120px;
	max-width: fit-content;
}
@media (max-width: 500px) and (min-width: 100px) {
	table.eventbank th span {
		display: block;
	}
}
table.eventbank td {
	padding: 5px;
	border-bottom: 1px solid #dcdcdc;

}
table.eventbank td a {text-decoration: underline;}

table.eventbank td span.map > a {
	background-color: #bd7a4a;
	border-radius: 4px;
	padding: 4px 8px;
	color: #fff;
	text-decoration: none;
}