@charset "utf-8";

/*~~*/

header {
	background: var(--bg-photogallery);
	.logo::before,
	.menu,
	.deco::before {
		background: var(--bg-photogallery);
	}
}

main {
	box-shadow: inset 0 20px 0 var(--bd-photogallery-light);
	.head.-cnte {
		background: var(--bg-photogallery);
	}
	.body {
		dl {
			margin-top: 20px;
		}
		dt {
			padding: 10px;
			font-size: var(--fs-head);
			line-height: 1;
			background-color: var(--bg-base);
			border-left: 10px solid #000;
			border-radius: 5px;
		}
		.map-6号館A dt {
			border-color: var(--bg-fmap6a);
		}
		.map-6号館B dt {
			border-color: var(--bg-fmap6b);
		}
		.map-3号館 dt {
			border-color: var(--bg-fmap3);
		}
		.map-4号館 dt {
			border-color: var(--bg-fmap4);
		}
		.photo {
			margin-top: 10px;
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			dd {
				width: calc((100% - 10px) / 2);
			}
		}
	}
}

/*SP*/
@media screen and (max-width: 768px) {
/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/

main {
	.body {
		padding: 0 15px;
	}
}

/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/
}

/*PC*/
@media screen and (min-width: 769px) {
/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/

main {
	.head p > span:nth-child(3) {
		margin-left: 10px;
	}
	.body {
		dl {
			margin-top: 30px;
		}
		.photo {
			dd {
				width: calc((100% - 40px) / 5);
			}
		}
	}
}

/*~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~*********~**********/
}