@charset "UTF-8";


.l-2row-header__row.u-invisible-md-down {
	background-color: #000;
}

[data-has-global-nav=true] .l-2row-header__row:last-child,
[data-has-global-nav=true] .l-center-header__row:last-child {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

.c-navbar {
	padding-left: calc( var(--_container-margin-left) / 2 );
	padding-right: var(--_container-margin-right);
}
.c-navbar li {
	color: #fff;
}

.l-2row-header .p-global-nav .c-navbar__item > a {
	padding: calc( var(--_padding-1) / 1.5 );
}



.p-global-nav--hover-text-color .c-navbar__item:focus-visible,
.p-global-nav--hover-text-color.p-global-nav--current-same-hover-effect .c-navbar__item[data-active-menu] {
	color: #fff;
}

.p-global-nav--hover-text-color .c-navbar__item {
	transition: var(--hover_anime);
}

.l-header--sticky-sm {
	box-shadow: none;
	border-bottom: 1px solid #000;
}

@media (min-width: 1024px) {
	.c-site-branding__title .custom-logo {
		width: 306px;
		height: auto;
	}

}

@media ( max-width: 1023px ) {

}

@media (min-width: 769px) and (max-width: 1023px){
	.c-site-branding__title .custom-logo {
		width: 280px;
		height: auto;
	}
}

@media ( min-width: 769px ) {
	.c-navbar .c-navbar__item {
		flex: none;
	}
}

@media (max-width: 768px) {
	.c-site-branding__title .custom-logo {
		width: 240px;
		height: auto;
	}

	.l-header__content {
		padding-top: 0;
		padding-bottom: 0;
	}

	.l-header .c-fluid-container:has(.u-invisible-lg-up) {
		padding-right: 0;
	}

	.l-header .c-row > .c-row__col {
		padding-left: 0;
	}

	.c-drawer {
		width: calc(100% - 48px);
	}
	
	.l-header .u-invisible-lg-up {
		display: flex;
		align-items: center;
		height: 48px;
	}

	.c-hamburger-btn {
		width: 48px;
		height: 48px;
		background: #000;
	}

	.c-hamburger-btn__bars {
		height: 20px;
		width: 28px;
	}

	.c-hamburger-btn {
		display: flex;
		align-items: center;
	}

	.c-hamburger-btn__bar {
		background-color: #fff !important;
		height: 2px;
	}

	.c-hamburger-btn__bar:nth-of-type(1) {
		width: 18px;
		margin-left: auto;
	}

	.c-hamburger-btn__bar:nth-of-type(2) {
		top: 9px;
	}

	.c-hamburger-btn__bar:nth-of-type(3) {
		width: 18px;
		margin-left: auto;
		top: 18px;
	}


	.c-hamburger-btn[aria-expanded="true"] {
			.c-hamburger-btn__bar:nth-of-type(1) {
				width: 34px;
				top: 9px !important;
				left: -3px;
				margin-left: unset;
			}

			.c-hamburger-btn__bar:nth-of-type(2) {
				opacity: 0;
			}

			.c-hamburger-btn__bar:nth-of-type(3) {
				width: 34px;
				top: 9px !important;
				right: -3px;
		}
	}

	#drawer-nav[aria-hidden="false"] .c-drawer__inner .logo_nav {
		width: 70%;
		margin-top: 22px;
		animation: fadein .6s ease-out .2s forwards;
		opacity: 0;
	}

	#drawer-nav[aria-hidden="true"] .c-drawer__inner .logo_nav {
		opacity: 0;
	}

	@keyframes fadein {
		0% {
				opacity: 0;
				transform: translateY(.5em);
		}
		100% {
				opacity: 1;
				transform: translateY(0);
		}
	}

	.logo_nav + ul#menu-sp_main_nav {
		padding-top: 3em;
	}

	#menu-sp_main_nav li.menu-item {
		font-size: 1.25rem;
		font-weight: bold;
	}

	.c-drawer__item,
	.c-drawer__menu {
		padding-top: .25em;
		padding-bottom: .25em;
	}

	.c-drawer__inner #menu-sp_main_nav li.menu-item a {
		padding: .25em 0;
	}

}


@media (any-hover: hover) {
.p-global-nav--hover-text-color .c-navbar__item:hover {
		color: #fff;
		background-color: #444;
	}
	
}


.portfolio_post_head {
	position: relative;
	aspect-ratio: 4 / 3;   /* ← 4:3固定 */
	width: 100%;
	max-width: var(--wp--custom--content-width);      /* 必要なら */
	margin: 0 auto 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;

}

/* ぼかし背景 */
.portfolio_post_head__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	opacity: 0.7;
	filter: blur(10px);
	transform: scale(1.1); /* ぼかしで端が見切れるのを防ぐ */
	z-index: 0;
}

/* 上に乗る要素 */
.portfolio_post_head img {
	width: 100%;
	height: 100%;
	object-fit: contain;   /* ← 中央に収める */
	z-index: 1;
}