@charset "utf-8";


.wp_event_list {
	width: 100%;
	margin: 0;
	padding: 3em 5%;
}
.wp_event_list h2 {
	width: 100%;
	max-width: 1200px;
	margin: 1em auto;
	padding: 0.5em 5%;
	background-color: #818A93;
	font-size: 2.0em;
	color: #FFF;
	font-weight: normal;
}
.wp_event_list_in {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	height: 100%;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	gap: 2.75%
}
.wp_event_list_in article {
	width: 31.5%;
	margin: 0 0 3em 0;
	background-color: #F0F0F0;
}

.wp_event_list_in article section {
	padding: 1em;
	text-align: left;
}
.event_tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	margin-bottom: 0.5em;
}
.event_tag_bgblc {
	display: block;
	padding: 0.1em 0.5em;
	background-color: #3A4654;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
}
.event_tag_bgwht {
	display: block;
	padding: 0.1em 0.5em;
	background-color: #FFF;
	border: solid 1px #3A4654;
	color: #444;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
}
.wp_event_list_in article h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.5em;
	line-height: 1.5;
}
.wp_event_list_in article p {
	font-size: 0.9em;
	font-weight: normal;
	margin-bottom: 1em;
	padding-bottom: 1em;
	line-height: 1.5;
	border-bottom: dashed 1px #3A4654;
}

.event_abouts {
	margin-bottom: 1.0em;
	font-size: 0.85em;
}
.event_abouts span {
	position: relative;
	display: block;
	padding: 0.2em 0;
}
.event_abouts span::before {
	content: "";
	display: inline-block;
	vertical-align: bottom;
	width: 22px;
	height: 22px;
	margin-right: 0.5em;
}
.event_abouts .event_abouts_cal::before {
	background: url("../../images/event/ico_event_cal.png") no-repeat center center;
}
.event_abouts .event_abouts_clock::before {
	background: url("../../images/event/ico_event_clock.png") no-repeat center center;
}
.event_abouts .event_abouts_pin::before {
	background: url("../../images/event/ico_event_pin.png") no-repeat center center;
}

.wp_event_list_in article .event_list_button {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wp_event_list_in article .event_list_button_detail,
.wp_event_list_in article .event_list_button_on,
.wp_event_list_in article .event_list_button_end {
	position: relative;
	display: block;
	width: 49%;
	padding: 0.8em 1em;
	border-radius: 0.2em;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
.wp_event_list_in article .event_list_button_detail:hover,
.wp_event_list_in article .event_list_button_on:hover {
	opacity: 0.9;
}
.wp_event_list_in article .event_list_button_detail {
	background-color: #FFF;
	color: #333;
}
.wp_event_list_in article .event_list_button_on {
	background-color: #E8625F;
	color: #FFF;
}
.wp_event_list_in article .event_list_button_end {
	background-color: #666;
	color: #FFF;
}
.wp_event_list_in article .event_list_button_detail::after,
.wp_event_list_in article .event_list_button_on::after {
	position: absolute;
	display: block;
	content: "〉";
	right: 0.1em;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 1;
	height: 1em;
}
.wp_event_list_in article .event_list_button_detail::after {
	color: #333;
}
.wp_event_list_in article .event_list_button_on::after {
	color: #FFF;
}
.wp_event_list_in article .event_list_button_detail:hover::after,
.wp_event_list_in article .event_list_button_on:hover::after {
	right: 0em;
}

@media screen and (max-width: 1240px) {
	.wp_event_list {
		font-size: 0.8em;
	}
}
@media screen and (max-width: 920px) {
	.wp_event_list_in {
		gap: 3%
	}
	.wp_event_list_in article {
		width: 48.5%;
	}
}
@media screen and (max-width: 600px) {
	.wp_event_list h2 {
		font-size: 1.5em;
	}
	.wp_event_list_in article {
		width: 100%;
	}
}



.pagination {
	margin: 0 auto 5em auto;
}
.pagination .nav-links {
	display: flex;
	justify-content: center;
	gap: 0.2em;
}
.pagination .nav-links a,
.pagination .nav-links .current {
	display: block;
	padding: 0.5em 0.7em;
	background-color: #FFF;
	border: 1px solid #394756;
	text-align: center;
	color: #394756;
	font-weight: bold;
	line-height: 1;
}
.pagination .nav-links .current {
	background-color: #394756;
	color: #FFF;
}
.pagination .nav-links a.prev,
.pagination .nav-links a.next {
	border: none;
}
.pagination .nav-links a:hover {
	background-color: #394756;
	color: #FFF;
}




.event_details {
	width: 100%;
	margin: 0 auto;
	padding: 3em 5%;
}
.event_details > header,
.event_details > div,
.event_details > footer {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
.event_details .entry-title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 2em;
	text-align: left;
}
.event_details .entry-setimage {
	margin: 0 auto 3em auto;
}
.event_details .event_tags {
	justify-content: flex-start;
	margin: 0 0 1em 0;
}
.event_details .event_abouts {
	text-align: left;
	margin-bottom: 4em;
}

.event_details section {
	margin: 0 0 5em 0;
	text-align: left;
}
.event_details section h2 {
	margin: 0 0 1em 0;
	padding: 0.4em 5%;
	background-color: #818A93;
	color: #FFF;
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
}
.event_details section p {
	margin: 0 0 1em 0;
	line-height: 2;
}

.event_details section iframe {
	width: 100%;
	height: 450px;
	max-height: 70vh;
}
.event_details section .event_abouts {
	margin: 1em 0 0 0;
}
.event_details section dl {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0;
	padding: 0;
	line-height: 2;
}
.event_details section dt,
.event_details section dd {
	margin: 0;
	padding: 1.5em 0;
	border-bottom: 1px solid #666;
}
.event_details section dt {
	width: 25%;
}
.event_details section dd {
	width: 75%;
}

.event_details .event_list_button {
	width: 100%;
	margin-bottom: 3em;
}
.event_details .event_list_button a,
.event_details .event_list_button_end {
	display: block;
	width: 30em;
	max-width: 100%;
	margin: auto;
	padding: 0.4em 5%;
	background-color: #E7625F;
	border-radius: 0.2em;
	font-size: 1.5em;
	color: #FFF;
	font-weight: normal;
}
.event_details .event_list_button a:hover {
	background-color: #CA4643;
}
.event_details .event_list_button_end {
	background-color: #777;
	color: #FFF;
}

.event_details .entry-footer {
	margin: 3em 0;
	text-align: center;
}
.event_details .entry-footer a {
	margin: auto;
	color: #333;
}
.event_details .entry-footer a:hover {
	color: #666;
}

.edit-link {
	display: block;
	margin: 3em;
}

@media screen and (max-width: 540px) {
	.event_details > header,
	.event_details > div,
	.event_details > footer {
		font-size: 0.8em;
	}
	.event_details section dt {
		width: 100%;
		border: none;
		padding-bottom: 0;
	}
	.event_details section dd {
		width: 100%;
		padding-top: 0;
	}
}



.box_cals {
	width: 100%;
	margin: 0 auto;
	padding: 3em 5%;
}
.box_cals div,
.box_cals header {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
.box_cals header h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 2em;
	text-align: left;
}
@media screen and (max-width: 540px) {
	.box_cals {
		font-size: 0.8em;
	}
}

.monthly-calendar caption {
	margin: 3em 0 0.5em 0;
	padding: 0.4em 5%;
	background-color: #818A93;
	color: #FFF;
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
}
.monthly-calendar th {
	padding: 1em 0;
}
.week-title {
	background-color: #9DA4AB;
	color: #FFF;
}
.week-title.sun {
	background-color: #C38E99;
	color: #FFF!important;
}
.week-title.sat {
	background-color: #8E9CC3;
	color: #FFF!important;
}
.monthly-calendar td {
	border: 1px solid #CCC;
}
.monthly-calendar td .day-number {
	font-weight: bold;
}
.monthly-calendar td.disable {
	background-color: #F0F0F0;
}
.monthly-calendar td.disable .calendar-mark {
	color: #CCC;
}
.monthly-calendar td a {
	padding: 0.5em;
	color: #394756
}
.monthly-prev-next {
	display: flex;
	justify-content: space-between;
}
.monthly-prev-next br {
	display: none;
}

.monthly-prev-next .monthly-prev,
.monthly-prev-next .monthly-next {
	display: inline;
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
}
.monthly-prev-next .monthly-next {
	margin: 0 1.5em 0 0;
}
.monthly-prev-next .monthly-prev::before {
	content: "〈　";
}
.monthly-prev-next .monthly-next::after {
	content: "　〉";
}
.monthly-prev-next .monthly-prev ,
.monthly-prev-next .monthly-next {
	color: #999;
}
.monthly-prev-next .monthly-prev a,
.monthly-prev-next .monthly-next a {
	color: #394756;
	text-decoration: underline;
}
.monthly-prev-next .monthly-prev a:hover,
.monthly-prev-next .monthly-next a:hover {
	text-decoration: none;
}

.day-calendar h3 {
	display: none;
}

.day-calendar p {
	margin: 3em 0 0.5em 0!important;
	padding: 0.4em 5%;
	background-color: #818A93;
	color: #FFF;
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
}
.day-calendar table {
	width: 100%!important;
}


#booking-form {
	width: 100%;
	margin: 0 auto;
	padding: 3em 5%;
}
#booking-form > form {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
#booking-form > form th {
	border: none;
	vertical-align: middle;
}
#booking-form > form td {
	text-align: left;
	border: none;
}
#booking-form button[type=submit] {
	display: block;
	width: 30em;
	max-width: 100%;
	margin: auto;
	padding: 0.4em 5%;
	background-color: #E7625F;
	border-radius: 0.2em;
	font-size: 1.5em;
	color: #FFF;
	font-weight: normal;
	border: none;
	cursor: pointer;
}
#booking-form button[type=submit]:hover {
	background-color: #CA4643;
}



.thx_link {
	display: block;
	width: 30em;
	max-width: 100%;
	margin: auto;
	padding: 0.4em 5%;
	background-color: #394756;
	border-radius: 0.2em;
	font-size: 1.5em;
	color: #FFF;
	font-weight: normal;
	border: none;
	cursor: pointer;
}
.thx_link:hover {
	background-color: #313D4B;
}