@charset "UTF-8";
.download_intro {
	font-size: 17px;
	margin-bottom: 50px;
}
.download_body {
	padding: 120px 20px;
	background: #222222;
}
.download_wrap {
	display: flex;
	justify-content: center;
	gap: 60px;
}
.download_wrap a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 300px;
	height: 595px;
	position: relative;
}
.download_wrap a:first-child {
	background: url(/kanazawa-castle/img/download/bg-download01.png) no-repeat center;
	background-size: cover;
}
.download_wrap a:nth-child(2) {
	background: url(/kanazawa-castle/img/download/bg-download02.png) no-repeat center;
	background-size: cover;
}
.download_wrap a:last-child {
	background: url(/kanazawa-castle/img/download/bg-download03.png) no-repeat center;
	background-size: cover;
}
.download_wrap a::after {
	content: '';
	width: 100%;
	height: 100%;
	background: #222222;
	opacity: .3;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition-duration: .5s;
}
.download_wrap a:hover::after {
	opacity: .1;
}
.download_wrap a p {
	width: 174px;
	height: 174px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	z-index: 2;
	font-size: 22px;
	font-weight: 500;
}
.download_cnt {
	padding: 50px 0;
	border-top: solid 1px #B6B0A3;
	border-bottom: solid 1px #B6B0A3;
	margin-bottom: 50px;
}
.download_cnt_ttl {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 20px;
}
.download_cnt_txt {
	line-height: 30px;
}
.note {
	text-align: center;
	margin-bottom: 20px;
}
.page_link.-download {
	margin-bottom: 50px;
}
.page_link.-download a {
	max-width: 460px;
}
.bnr_cnt {
	padding: 50px 20px;
	border: solid 1px #C1BCB2;
	position: relative;
}
.bnr_cnt::before {
	content: '';
	width: 100%;
	height: 100%;
	background: #F8F6F2;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.bnr_cnt_intro {
	text-align: center;
	margin-bottom: 20px;
}
.page_link.-anchor a::after {
	transform: rotate(90deg);
}
.photo_body {
	padding: 40px 0;
	border-top: solid 1px #B6B0A3;
	border-bottom: solid 1px #B6B0A3;
}
.photo_body#kenrokuen {
	border-top: none;
}
.photo_cnt_item {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
}
.photo_cnt_item > li {
	max-width: 210px;
	width: 100%;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center;
}
.photo_cnt_item > li:nth-child(5n + 1) {
	margin-left: 0;
}
.photo_cnt_item > li:nth-child(-n + 5) {
	margin-top: 0;
}
.lb_event:hover {
	opacity: .8;
}
.photo_cnt_item_img {
	width: 210px;
	height: 210px;
	background-color: #E5E5E5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-bottom: 10px;
}
.lightbox {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	position: fixed !important;
}
.lightboxOverlay {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh !important;
}
.lb-outerContainer {
	width: auto !important;
	max-width: 1000px;
	height: auto !important;
}
.lb-details {
	display: none;
}
.lb-image {
	width: 100% !important;
	height: auto !important;
}
.leaflet_tbl {
	width: 100%;
}
.leaflet_tbl tbody tr {
	border-bottom: solid 1px #B6B0A3;
}
.leaflet_tbl tbody tr:first-child {
	border-top: solid 1px #B6B0A3;
}
.leaflet_tbl tbody tr th {
	position: relative;
	padding: 40px 20px;
}
.leaflet_tbl tbody tr th::after {
	content: '';
	width: 100%;
	height: 100%;
	background: #F8F6F2;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.leaflet_tbl tbody tr td {
	padding: 40px 20px;
	vertical-align: top;
}
.leaflet_tbl td:first-of-type {}
.leaflet_tbl_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 2;
}
.leaflet_tbl_list > li {
	width: 49%;
}
.leaflet_tbl_list > li > a {
	color: #938054;
	font-weight: bold;
	text-decoration: underline;
}
.leaflet_tbl_list > li > a:hover {
	text-decoration: none;
}
.sinsei_cnt {
	padding: 30px 0;
	border-bottom: solid 1px #B6B0A3;
}
.sinsei_cnt:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.sinsei_cnt_ttl {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 20px;
}
.sinsei_cnt_txt .-bold {
	font-weight: bold;
}
.sinsei_tbl {
	width: 100%;
	margin-bottom: 50px;
}
.sinsei_tbl:last-child {
	margin-bottom: 0;
}
.sinsei_tbl thead tr {
	display: flex;
	width: 100%;
}
.sinsei_tbl thead tr th {
	position: relative;
	border: solid 1px #B6B0A3;
	border-bottom: none;
	padding: 25px;
	font-weight: bold;
	width: 100%;
}
.sinsei_tbl thead tr th::before {
	content: '';
	width: 100%;
	height: 100%;
	background: #F8F6F2;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.sinsei_tbl thead tr th:first-child {
	max-width: 300px;
	border-right: none;
}
.sinsei_tbl tbody tr td {
	border: solid 1px #B6B0A3;
	padding: 20px;
}
.sinsei_file {
	display: flex;
	align-items: center;
	gap: 50px;
	flex-wrap: wrap;
}
.sinsei_file li a {
	font-weight: bold;
	color: #938054;
	display: flex;
	align-items: center;
	gap: 5px;
	transition-duration: .5s;
}
.sinsei_file li a:hover {
	opacity: .8;
}
.sinsei_file li a::before {
	content: '';
	width: 24px;
	height: 20px;
	background: url(/kanazawa-castle/img/cmn/icon-download.svg) no-repeat center;
	background-size: cover;
}
@media screen and (max-width:767px) {
	.download_intro {
		font-size: 15px;
	}
	.download_cnt {
		padding: 30px 0;
	}
	.bnr_cnt_intro {
		text-align: left;
	}
	.bnr_wrap {
		gap: 10px;
	}
	.photo_cnt_item {
		justify-content: center;
		gap: 30px 10px;
	}
	.photo_cnt_item > li {
		margin-left: 0;
		width: calc(50% - 20px);
	}
	.photo_cnt_item_img {
		width: 150px;
		height: 150px;
	}
	.leaflet_tbl tbody tr {
		display: grid;
	}
	.leaflet_tbl td:first-of-type {
		width: 100%;
	}
	.sinsei_tbl {
		display: block;
		width: auto;
	}
	.sinsei_tbl > thead {
		display: block;
	}
	.sinsei_tbl > thead > tr {
		display: block;
	}
	.sinsei_tbl > thead > tr > th {
		display: block;
		padding: 10px 20px;
	}
	.sinsei_tbl > thead > tr > th:first-child {
		max-width: none;
		border-right: solid 1px #B6B0A3;
	}
	.sinsei_file {
		row-gap: 10px;
		column-gap: 25px;
	}
	.sinsei_tbl > tbody {
		display: block;
	}
	.sinsei_tbl > tbody > tr {
		display: block;
	}
	.sinsei_tbl > tbody > tr > th {}
	.sinsei_tbl > tbody > tr > td {
		display: block;
		padding: 10px 20px;
	}
}