/**
 * サイトタイトル背景・PC/SP表示調整用CSS
 */

#header.l-header.meri-site-title-bg-active,
header.l-header.meri-site-title-bg-active {
	background-image: var(--meri-site-title-bg-image) !important;
	background-repeat: var(--meri-site-title-bg-repeat, repeat) !important;
	background-size: var(--meri-site-title-bg-size, auto) !important;
	background-position: var(--meri-site-title-bg-position, center top) !important;
	background-attachment: var(--meri-site-title-bg-attachment, scroll) !important;
}

#header.l-header.meri-site-title-bg-active > .l-header__inner,
header.l-header.meri-site-title-bg-active > .l-header__inner {
	background-color: transparent !important;
	background-image: none !important;
}

@media screen and (min-width: 960px) {
	#header .meri-pc-site-title-box {
		box-sizing: border-box !important;
		text-align: center !important;
		overflow: visible !important;
	}

	#header .meri-pc-site-title-target {
		display: inline-block !important;
		box-sizing: border-box !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.2 !important;
		text-align: center !important;
		white-space: nowrap !important;
	}
}

@media screen and (max-width: 959px) {
	#header .meri-sp-site-title-target {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.15 !important;
		text-align: center !important;
		white-space: normal !important;
	}

	#header .meri-sp-site-title-line {
		display: block !important;
		width: max-content !important;
		max-width: none !important;
		margin-right: auto !important;
		margin-left: auto !important;
		white-space: nowrap !important;
	}

	#header .l-header__inner.meri-sp-title-frame {
		overflow: hidden !important;
	}
}