/*!
Theme Name: 株式会社日本メディカルプロパティマネジメント
Theme URI: https://nmpm.jp/
Description: ピクセリウム株式会社によるテーマ
Version: 1.0.7
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Author: ピクセリウム株式会社
Author URI: https://nmpm.jp/
Text Domain: pxlm
License: proprietary
*/

/*
 * Media queries（theme.json custom.breakpoint と同期）
 * sm 400 / md 768 / lg 1000 / xl 1200
 * - 〜未満: @media (768px > width)
 * - 〜以上: @media (768px <= width)
 * 左辺は必ずブレークポイントの px 値。
 */

/* Minimal essential reset — not full sanitize.css */
*,
*::before,
*::after {
	box-sizing: border-box;
}

ul,
ol {
	margin: 0;
}

nav {
	ol,
	ul {
		list-style: none;
		padding: 0;
	}
}

@keyframes example {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

a {
	color: var(--wp--preset--color--body-text);

	&:hover {
		color: var(--wp--preset--color--primary);
	}
}

html {
	font-size: 16px;
}

body {
	margin: 0;
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--body-text);
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.7;
}

img {
	vertical-align: middle;
}

:root {
	--container-fluid: 100%;
	--container-lv2: 1040px;
	--container-lv1: 960px;
	--container-lv0: 720px;
}

strong,
b {
	font-weight: 600;
}

.type-blog {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--container-lv1);
	@media (768px > width) {
		max-width: calc(100% - 2rem);
	}
}

.type-post {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--container-lv1);
}

.type-works {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--container-lv1);
	@media (768px > width) {
		max-width: 100%;
	}
}

.slide-panel {
	background-color: rgba(0,0,0,0);
	height: 100vh;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: .7s all;
	width: 100vw;
	z-index: 100;
	* {
		outline: none;
	}
	&.open {
		background-color: var(--wp--preset--color--body-text);
		opacity: 1;
		pointer-events: all;
	}
	.panel {
		background-color: rgba(0,0,0,0);
		height: 100%;
		left: 100%;
		.content {
			align-items: flex-start;
			display: flex;
			flex-wrap: wrap;
			margin-left: auto;
			margin-right: auto;
			padding: 1rem;
			width: 100%;
			.slide-menu-button {
				width: 100%;
				button {
					background-color: var(--wp--preset--color--primary);
					border: 1px solid var(--wp--preset--color--white);
					color: var(--wp--preset--color--white);
					font-family: "Futura",sans-serif;
					font-size: 1.2rem;
					letter-spacing: .2rem;
					padding: 1rem;
					width: 100%;
				}
			}
			.sp-main-navigation {
				height: 70%;
				overflow-y: scroll;
				width: 100%;
				+ .slide-menu-button {
					margin-top: 2rem;
				}
				.menu-slide-menu-container .main-menu {
					list-style: none;
					margin: 0 auto;
					a {
						align-items: center;
						color: var(--wp--preset--color--white);
						display: flex;
						font-size: 1.4rem;
						padding: 0 0 0 1rem;
						text-align: left;
						text-decoration: none;
						transition: .5s;
						&:hover {
							color: var(--wp--preset--color--secondary);
						}
						ion-icon.pxlm-ion-icon--inline-start {
							color: var(--wp--preset--color--secondary);
							margin-right: .5rem;
						}
						+ .sub-menu {
							margin-top: 1rem;
						}
					}
					.sub-menu {
						list-style: none;
						margin: 0;
						padding: 0 0 0 1rem;
					}
					> .menu-item a {
						font-size: 1.2rem;
					}
					> .menu-item .sub-menu {
						border-left: 1px solid hsla(0,0%,100%,.3);
						margin-left: 1rem;
						> .menu-item a {
							font-size: 1rem;
							padding-left: 0;
						}
						> .menu-item + .menu-item {
							margin-top: .5rem;
						}
					}
					> .menu-item + .menu-item {
						margin-top: 1rem;
					}
				}
			}
		}
	}
}

.fancybox-bg {
	background: var(--wp--preset--color--white) !important;
	opacity: 1 !important;
}

.site-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: normal;
	@media (768px > width) {
		align-items: flex-start;
		background-color: var(--wp--preset--color--white);
		flex-direction: column;
		min-height: auto;
		width: 100%;
	}
	.content-area {
		width: 100%;
		@media (768px > width) {
			align-items: center;
			display: flex;
			flex: 1;
			flex-direction: column;
			flex-wrap: wrap;
			height: auto;
			justify-content: flex-start;
			margin: 0;
			width: 100%;
		}
		.site-main {
			width: 100%;
		}
	}
	+ #site-footer {
		margin-top: 6rem;
	}
}

.entry-header {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--container-lv1);
	@media (768px > width) {
		max-width: calc(100% - 2rem);
	}
	.entry-title {
		align-items: center;
		border-bottom: 4px solid var(--wp--preset--color--primary);
		font-size: 1.7rem;
		font-weight: 600;
		margin-bottom: 0;
		margin-top: 0;
		padding: 1rem 0;
		text-align: left;
		a {
			color: var(--wp--preset--color--dark-01);
			font-weight: 500;
			text-decoration: none;
		}
		+ .post-meta {
			margin-top: .5rem;
		}
	}
	+ .entry-content {
		margin-top: 2rem;
	}
}

.entry-footer {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--container-lv1);
	@media (768px > width) {
		max-width: calc(100% - 2rem);
	}
}

.site-loading {
	align-items: center;
	background-color: var(--wp--preset--color--primary);
	display: flex;
	height: 100vh;
	justify-content: center;
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	user-select: none;
	width: 100%;
	z-index: 100;
	.loader {
		font-size: 5rem;
		margin: 0 .5rem;
		position: relative;
		width: 6rem;
	}
}

.sp-float-menu {
	background-color: hsla(0,0%,100%,.3);
	bottom: 0;
	display: none;
	position: sticky;
	width: 100vw;
	z-index: 110;
	@media (768px > width) {
		display: none;
	}
	ul {
		display: grid;
		grid-gap: 1px;
		grid-template-columns: 1fr auto;
		list-style: none;
		margin: 0;
		padding: 5px;
		li a {
			align-items: center;
			background-color: var(--wp--preset--color--primary);
			color: var(--wp--preset--color--white);
			display: block;
			display: flex;
			font-size: 1rem;
			font-weight: 500;
			justify-content: center;
			padding: .8rem 1rem;
			text-align: center;
			text-decoration: none;
			i {
				display: block;
				font-size: 1.3rem;
				line-height: 1;
				margin-right: .5rem;
			}
			&.hover {
				background-color: var(--wp--preset--color--primary-hover);
			}
		}
	}
}

.entry-content {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--container-lv1);
	@media (768px > width) {
		max-width: calc(100% - 2rem);
	}
}

.archive .page-header {
	display: none;
}

.fancybox-image {
	@media (768px > width) {
		width: 200vw !important;
	}
}

.main-title-area {
	background-attachment: fixed;
	background-image: url(assets/images/visual_01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 8rem 0;
	position: relative;
	width: 100%;
	@media (768px > width) {
		background-attachment: initial;
		padding: 4rem 0;
	}
	&::after {
		background-color: var(--wp--preset--color--overlay-dark);
		content: "";
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
	}
	.page-title {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--container-lv1);
		position: relative;
		width: 100%;
		z-index: 2;
		@media (768px > width) {
			max-width: calc(100% - 2rem);
		}
		div {
			color: var(--wp--preset--color--white);
			font-family: "Futura",sans-serif;
			font-size: 4.5rem;
			font-style: normal;
			font-weight: 500;
			letter-spacing: .2rem;
			line-height: 1;
			margin-bottom: 0;
			margin-top: 0;
			padding: 0;
			text-align: center;
			text-transform: uppercase;
			width: 100%;
			@media (768px > width) {
				font-size: 2rem;
				letter-spacing: 0;
				line-height: 2;
			}
		}
	}
	.page-breadcrumbs {
		align-items: flex-end;
		bottom: 0;
		display: flex;
		font-size: .9rem;
		left: 0;
		margin: 0 auto;
		max-width: var(--container-lv1);
		overflow-x: scroll;
		position: relative;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 2;
		@media (768px > width) {
			padding: .5rem;
		}
		.breadcrumbs ul {
			align-items: center;
			display: flex;
			list-style: none;
			margin: 0;
			padding-left: 0;
			width: max-content;
			li {
				align-items: center;
				color: var(--wp--preset--color--gray-74);
				display: flex;
				line-height: 100%;
				margin: 0 0 0 0;
				padding: 0;
				a {
					color: var(--wp--preset--color--gray-46);
					display: block;
					text-decoration: none;
					transition: .3s;
					&:hover {
						opacity: .5;
					}
				}
				span {
					display: block;
					padding: .5rem;
				}
				> span {
					color: var(--wp--preset--color--gray-46);
				}
				ion-icon.pxlm-ion-icon--breadcrumb-sep {
					color: var(--wp--preset--color--gray-46);
					font-size: .8rem;
					font-weight: 600;
				}
			}
		}
	}
}

.post-navigation {
	margin: 0 auto;
	margin-bottom: 6rem;
	max-width: var(--container-lv1);
	@media (768px > width) {
		max-width: calc(100vw - 2rem);
	}
	.nav-links {
		display: grid;
		grid-gap: 100px;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		@media (768px > width) {
			grid-gap: 1rem;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto;
		}
		a {
			align-items: center;
			background-color: var(--wp--preset--color--dark-01);
			border: 1px solid var(--wp--preset--color--dark-01);
			color: var(--wp--preset--color--white);
			display: grid;
			grid-gap: 0 1rem;
			text-decoration: none;
			transition: .3s;
			&:hover {
				opacity: .8;
			}
			.meta-nav {
				font-size: .8rem;
			}
			.post-title {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
		.nav-next {
			grid-column: 1/span 1;
			grid-row: 1/span 1;
			text-align: left;
			a {
				grid-template-columns: auto 1fr;
				padding: 1rem;
				ion-icon {
					grid-column: 1/span 1;
					grid-row: 1/span 2;
				}
				&:hover {
					opacity: .8;
				}
				.meta-nav {
					grid-column: 2/span 1;
					grid-row: 1/span 1;
				}
				.post-title {
					grid-column: 2/span 1;
					grid-row: 2/span 1;
				}
			}
		}
		.nav-previous {
			grid-column: 2/span 1;
			grid-row: 1/span 1;
			@media (768px > width) {
				grid-column: 1/span 1;
				grid-row: 2/span 1;
			}
			a {
				grid-template-columns: 1fr auto;
				padding: 1rem;
				text-align: right;
				ion-icon {
					grid-column: 2/span 1;
					grid-row: 1/span 2;
				}
				&:hover {
					opacity: .8;
				}
				.meta-nav {
					grid-column: 1/span 1;
					grid-row: 1/span 1;
				}
				.post-title {
					grid-column: 1/span 1;
					grid-row: 2/span 1;
				}
			}
		}
	}
}

.archive article {
	background-color: var(--wp--preset--color--white);
	.more {
		border: 1px solid var(--wp--preset--color--dark-01);
		color: var(--wp--preset--color--dark-01);
		display: inline-block;
		margin-left: auto;
		padding: .5rem 1rem;
		text-align: center;
		text-decoration: none;
		transition: .3s;
		&:hover {
			opacity: .8;
		}
	}
	.entry-footer {
		text-align: right;
	}
	.entry-header .post-meta {
		color: var(--wp--preset--color--gray-74);
		order: 2;
		.posted-on a {
			color: var(--wp--preset--color--gray-74);
			text-decoration: none;
		}
		.posted-on .updated {
			display: none;
		}
	}
	.entry-header .entry-title {
		order: 1;
	}
	.entry-header .categorey-meta {
		order: 3;
		ul {
			display: flex;
			list-style: none;
			li a {
				background-color: var(--wp--preset--color--overlay-light);
				color: var(--wp--preset--color--body-text);
				display: block;
				font-size: .8rem;
				padding: .2rem .5rem;
				text-align: center;
				text-decoration: none;
				width: 100px;
			}
			li + li {
				margin-left: .5rem;
			}
		}
		+ .entry-title {
			margin-top: 1rem;
		}
	}
}

.multi-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: center;
	list-style: none;
	margin: 2rem auto 2rem auto;
	max-width: var(--container-lv1);
	width: 100%;
	@media (768px > width) {
		font-size: .8rem;
		margin: 2rem auto;
		max-width: calc(100vw - 2rem);
	}
	a {
		align-items: center;
		background-color: var(--wp--preset--color--dark-01);
		border: 1px solid var(--wp--preset--color--dark-01);
		color: var(--wp--preset--color--white);
		display: inline-flex;
		overflow: hidden;
		padding: .5rem 1rem;
		text-decoration: none;
		transition: .3s;
		@media (768px > width) {
			padding: .5rem .2rem;
		}
		ion-icon {
			font-size: 1.5rem;
			@media (768px > width) {
				display: none;
			}
			&[name="arrow-back"] {
				margin-right: 1rem;
			}
			&[name="arrow-forward"] {
				margin-left: 1rem;
			}
			&[name="caret-back"]:nth-of-type(2) {
				margin-right: 1rem;
			}
			&[name="caret-forward"]:nth-of-type(1) {
				margin-left: 1rem;
			}
		}
		&:hover {
			opacity: .8;
		}
		+ .current,
		.multi-pagination a + a {
			margin-left: 1rem;
		}
		+ .current,
		.multi-pagination a + a {
			@media (768px > width) {
				margin-left: .2rem;
			}
		}
	}
	.pager {
		padding: .5rem 1rem;
		@media (768px > width) {
			padding: .5rem .5rem;
		}
		&.current {
			align-items: center;
			background-color: var(--wp--preset--color--white);
			border: 2px solid var(--wp--preset--color--dark-01);
			color: var(--wp--preset--color--dark-01);
			display: inline-flex;
			overflow: hidden;
			padding: .5rem 1rem;
			text-decoration: none;
			transition: .3s;
			@media (768px > width) {
				background-color: initial;
				color: var(--wp--preset--color--body-text);
				padding: .2rem .2rem;
			}
			+ a {
				margin-left: 1rem;
				@media (768px > width) {
					margin-left: .2rem;
				}
			}
		}
	}
	.page_num {
		display: none;
		+ a {
			margin-left: 0;
		}
	}
}

.fancybox-content {
	@media (768px > width) {
		border: 1px solid var(--wp--preset--color--gray-88);
		height: 80vh !important;
		overflow: scroll !important;
	}
}

article + article {
	margin-top: 3rem;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--wp--preset--color--white);
	clip: auto !important;
	clip-path: none;
	color: var(--wp--preset--color--dark-gray);
	display: block;
	font-size: 1rem;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 0.75rem 1rem;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

ion-icon {
	display: inline-block;
	pointer-events: none;
	vertical-align: middle;
}

ion-icon.pxlm-ion-icon {
	flex-shrink: 0;
}

.category-navigation {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	list-style: none;
	margin: 2rem auto 2rem auto;
	max-width: var(--container-lv1);
	width: 100%;
	@media (768px > width) {
		margin: 2rem auto;
		max-width: calc(100vw - 2rem);
	}
	li a {
		align-items: center;
		background-color: var(--wp--preset--color--dark-01);
		border: 1px solid var(--wp--preset--color--dark-01);
		color: var(--wp--preset--color--white);
		display: inline-flex;
		overflow: hidden;
		padding: 1rem 2rem;
		text-decoration: none;
		transition: .3s;
		ion-icon {
			font-size: 1.5rem;
		}
		&:hover {
			opacity: .8;
		}
	}
	li.prev {
		grid-column: 1/span 1;
		text-align: left;
		ion-icon {
			margin-right: .5rem;
		}
	}
	li.next {
		grid-column: 2/span 1;
		text-align: right;
		ion-icon {
			margin-left: .5rem;
		}
	}
}

article:first-of-type {
	margin-top: 6rem;
}

article:last-of-type {
	margin-bottom: 6rem;
}

.error404 .entry-title {
	display: none;
}

.error404 .error404-area {
	text-align: center;
	.sub-title {
		font-size: 3rem;
		margin-bottom: 1rem;
		@media (768px > width) {
			font-size: 1rem;
		}
	}
	.main-title {
		font-size: 14rem;
		font-weight: 600;
		@media (768px > width) {
			font-size: 6rem;
		}
	}
	.description {
		font-size: 1rem;
		font-style: normal;
	}
}

.header-footer-group .site-info {
	background-color: var(--wp--preset--color--body-text);
	.content {
		display: flex;
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
		max-width: 1040px;
		padding: 7rem 0;
		width: 100%;
		@media (768px > width) {
			flex-direction: column;
			width: calc(100% - 2rem);
		}
		.left {
			width: 40%;
			@media (768px > width) {
				width: 100%;
			}
		}
		.logo {
			width: 100%;
			+ .first {
				margin-top: 3rem;
			}
			.site-name {
				display: block;
				max-width: 100px;
				text-align: center;
				@media (768px > width) {
					margin-left: auto;
					margin-right: auto;
				}
				img {
					width: 100%;
				}
			}
		}
		.right {
			width: 20%;
			@media (768px > width) {
				margin-top: 3rem;
				width: 100%;
			}
			ul li a {
				display: block;
				transition: .3s;
				&:hover {
					opacity: .7;
				}
			}
			ul li + li {
				margin-top: 1rem;
			}
			ul li.link a {
				background-color: var(--wp--preset--color--primary);
				color: var(--wp--preset--color--white);
				padding: 1rem 2rem;
				text-align: center;
				text-decoration: none;
			}
			ul li.img-link {
				margin-top: 2rem;
				img {
					width: 100%;
				}
			}
		}
		.center {
			width: 40%;
			@media (768px > width) {
				margin-top: 3rem;
				width: 100%;
			}
		}
		.button {
			list-style: none;
			padding: 0;
			a {
				align-items: center;
				background-image: linear-gradient(155deg,
					var(--wp--preset--color--primary),
					var(--wp--preset--color--primary-deep));
				border: 0;
				color: var(--wp--preset--color--white);
				display: inline-flex;
				font-size: 1.2rem;
				padding: .7rem 1rem;
				text-decoration: none;
				transition: .3s;
				&:hover {
					opacity: .7;
				}
				ion-icon.pxlm-ion-icon--inline-end {
					margin-left: .5rem;
				}
			}
		}
		.info-table {
			border-collapse: collapse;
			caption-side: bottom;
			color: var(--wp--preset--color--white);
			font-size: .9rem;
			margin-top: 1rem;
			@media (768px > width) {
				width: 100%;
			}
			th {
				text-align-last: justify;
				@media (768px > width) {
					padding-bottom: 0;
					text-align-last: initial;
				}
			}
			tr + tr {
				border-top: 1px solid hsla(0,0%,100%,.3);
			}
			caption {
				padding: .5rem 1rem;
				text-align: left;
			}
			.tel td a {
				color: var(--wp--preset--color--white);
				font-family: "ryo-display-plusn",serif;
				font-size: 1.5rem;
				text-decoration: none;
				transition: .3s;
				ion-icon {
					margin-right: .5rem;
				}
				&:hover {
					color: var(--wp--preset--color--secondary);
				}
			}
			+ .button {
				margin-top: 1rem;
			}
			th,
			.header-footer-group .site-info .content .info-table td {
				padding: 1rem;
				text-align: left;
			}
			th,
			.header-footer-group .site-info .content .info-table td {
				@media (768px > width) {
					padding: 1rem 0;
				}
			}
		}
		.time-table {
			background-color: var(--wp--preset--color--white);
			border-bottom: 2px solid var(--wp--preset--color--primary);
			border-collapse: collapse;
			caption-side: bottom;
			overflow: hidden;
			width: 100%;
			th {
				font-weight: 400;
			}
			thead {
				background-color: var(--wp--preset--color--primary);
				color: var(--wp--preset--color--white);
				th:last-of-type {
					border-radius: 0 var(--wp--preset--border-radius--x-large) 0 0;
				}
				th:first-of-type {
					border-radius: var(--wp--preset--border-radius--x-large) 0 0 0;
				}
			}
			caption {
				padding: .7rem 1rem;
				text-align: left;
				@media (768px > width) {
					padding: .5rem;
				}
			}
			.circle {
				color: var(--wp--preset--color--primary);
			}
			tbody th {
				font-weight: 600;
			}
			th,
			.header-footer-group .site-info .content .time-table td {
				padding: .7rem 1rem;
				text-align: center;
				vertical-align: middle;
			}
			th,
			.header-footer-group .site-info .content .time-table td {
				@media (768px > width) {
					padding: .5rem .2rem;
				}
			}
		}
	}
}

.header-footer-group#site-header {
	@media (1000px > width) {
		width: 100vw;
	}
	@media (768px > width) {
		position: sticky;
		top: 0;
		z-index: 10;
	}
}

.archive .type-post .entry-header {
	margin: 0 auto;
	max-width: var(--container-lv1);
	@media (768px > width) {
		max-width: calc(100vw - 2rem);
	}
	+ .entry-content {
		margin-top: 1rem;
	}
}

.archive .type-post .entry-footer {
	margin: 0 auto;
	max-width: var(--container-lv1);
	@media (768px > width) {
		max-width: calc(100vw - 2rem);
	}
}

.archive .type-post .entry-content {
	@media (768px > width) {
		max-width: calc(100vw - 2rem);
	}
	+ .entry-footer {
		margin-top: 1rem;
	}
}

.header-footer-group {
	.site-submenu {
		background-color: var(--wp--preset--color--body-text);
		border-bottom: 2px solid var(--wp--preset--color--accent-yellow);

		.content {
			margin-inline: auto;
			max-width: var(--container-lv2);
			padding: 1rem 0;
			text-align: right;
			width: 100%;

			@media (768px > width) {
				flex-direction: column;
				width: calc(100% - 2rem);
			}

			a {
				color: var(--wp--preset--color--white);
				text-decoration: none;
				transition: .3s;

				&:hover {
					color: var(--wp--preset--color--primary);
				}
			}
		}
	}

	.site-logo-area {
		background-color: var(--wp--preset--color--white);
		top: 0;
		width: 100%;
		z-index: 10;

		.content {
			align-items: center;
			display: flex;
			justify-content: space-between;
			margin-inline: auto;
			max-width: var(--container-lv2);
			position: relative;

			.first {
				flex-basis: 365px;
				margin-right: auto;
				position: relative;

				@media (1000px > width) {
					flex-basis: 200px;
				}

				@media (768px > width) {
					flex-basis: 80%;
					padding: 0;
				}

				.site-title {
					margin: 0;
					width: 100%;

					a {
						background-color: var(--wp--preset--color--white);
						display: block;
						padding: 2rem 0;
						width: 100%;

						@media (768px > width) {
							padding: 1rem;
						}

						img {
							display: block;
							transition: .3s;
							width: 100%;
						}

						&:hover img {
							opacity: .7;
						}
					}
				}
			}

			.second {
				align-self: stretch;

				@media (768px > width) {
					display: none;
				}

				+ .second {
					margin-left: 1rem;
				}
			}

			.slide-menu-button {
				flex-basis: 20%;
				padding-right: 1rem;

				@media (768px <= width) {
					display: none;
				}

				button {
					background-color: var(--wp--preset--color--primary);
					border: 1px solid var(--wp--preset--color--white);
					color: var(--wp--preset--color--white);
					font-size: 2rem;
					padding: .5rem;
					width: 100%;
				}
			}
		}
	}

	.site-copyright {
		background-color: var(--wp--preset--color--body-text);
		font-size: .9rem;
		padding: 1rem 0;
		text-align: center;

		.content {
			align-items: center;
			display: flex;
			flex-wrap: wrap;
			gap: 0 .5rem;
			justify-content: center;
		}

		p,
		a {
			color: hsla(0, 0%, 100%, .7);
			margin: 0;
			text-decoration: none;
		}
	}

	.main-navigation {
		height: 100%;
		user-select: none;
		width: 100%;

		.menu-global-menu-1-container {
			height: 100%;

			.primary-menu {
				display: flex;
				height: 100%;
				list-style: none;
				margin: 0 auto;
				max-width: var(--container-lv2);
				width: 100%;

				@media (768px > width) {
					flex-direction: row;
					flex-wrap: wrap;
				}

				> .menu-item {
					align-items: center;
					display: flex;
					flex: 1 0 auto;
					height: 100%;
					transition: .3s;

					> a {
						align-items: center;
						color: var(--wp--preset--color--body-text);
						display: flex;
						font-size: 1rem;
						font-weight: 400;
						justify-content: center;
						line-height: 1;
						padding: 1rem;
						text-align: center;
						text-decoration: none;
						transition: .3s;

						@media (1000px > width) {
							pointer-events: none;
						}

						&:hover {
							color: var(--wp--preset--color--secondary);
						}
					}

					&.menu-item-has-children {
						> a {
							position: relative;

							ion-icon.pxlm-ion-icon--menu-chevron {
								bottom: 0;
								color: var(--wp--preset--color--primary);
								display: block;
								font-size: .8rem;
								left: 0;
								line-height: .5;
								margin-inline: auto;
								margin-top: .5rem;
								position: absolute;
								right: 0;
								transform-origin: center;
								transition: .3s;
								width: 10px;
							}
						}

						.sub-menu {
							background-color: var(--wp--preset--color--overlay-dark);
							display: grid;
							grid-gap: 1rem;
							grid-template-columns: repeat(3, 1fr);
							left: auto;
							list-style: none;
							opacity: 0;
							padding: 1rem;
							pointer-events: none;
							position: absolute;
							right: 0;
							top: 100%;
							transform: translateY(-10%);
							transition: .5s;
							width: 100%;
							z-index: 10;

							.menu-item {
								flex-basis: 33.3333333333%;

								> a {
									background-color: var(--wp--preset--color--white);
									display: block;
									font-size: 1rem;
									padding: 1rem;
									position: relative;
									text-align: center;
									text-decoration: none;
									transition: .3s;

									&:hover {
										color: var(--wp--preset--color--primary);
									}

									ion-icon.pxlm-ion-icon--submenu-arrow {
										position: absolute;
										right: 1rem;
									}
								}
							}
						}

						&:hover {
							> a {
								color: var(--wp--preset--color--primary);

								ion-icon.pxlm-ion-icon--menu-chevron {
									color: var(--wp--preset--color--primary);
									transform: rotate(-180deg);
								}
							}

							.sub-menu {
								opacity: 1;
								pointer-events: initial;
								transform: translateY(0);
							}
						}
					}
				}
			}
		}
	}

	.google-map {
		iframe {
			border: 0;
			display: block;
			height: 350px;
			width: 100%;
		}
	}

	.footer-navigation {
		.main-menu {
			display: flex;

			> .menu-item {
				+ .menu-item {
					margin-left: 1rem;
				}

				> a {
					color: var(--wp--preset--color--white);
					text-decoration: none;
					transition: .3s;

					&:hover {
						color: var(--wp--preset--color--secondary);
					}
				}

				.sub-menu {
					border-left: 1px solid hsla(0, 0%, 100%, .3);
					margin: 1rem 0 0 1rem;
					padding-left: 1rem;

					> .menu-item > a {
						color: var(--wp--preset--color--white);
						font-size: .9rem;
						text-decoration: none;
						transition: .3s;

						&:hover {
							color: var(--wp--preset--color--secondary);
						}
					}
				}
			}
		}
	}
}