/**
 * ドロワーナビ — 親テーマ #global_menu スタイルの上書き（design-plus / responsive は head 末尾で後読み込み）
 */
.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--site,
.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--lp-area {
	background: #fff !important;
	margin: 0 !important; /* 親テーマ margin:0 -28px 0 0 の打ち消し */
	overflow-x: visible !important; /* 閉じる行の右端クリップ防止 */
	overflow-y: auto;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer {
	overflow-x: hidden;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__head .depost-drawer-close {
	margin: 0 !important;
	width: auto !important;
	max-width: none !important;
	flex-shrink: 0 !important;
	padding: 4px 0 4px 8px !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__head .depost-drawer-close__label {
	white-space: nowrap !important;
}

/**
 * #header は z-index:100 のスタッキングコンテキストを作るため、子のドロワー(z-index 10001)も
 * その中に閉じ込められて固定CTAバー(z-index 9999) の下に潜ってしまう。
 * ドロワー展開時のみ #header 全体を CTA より上へ持ち上げる。
 */
.depost-coded-header #header.depost-header-root.active {
	z-index: 10010 !important;
}

.depost-coded-header #header.depost-header-root.active .depost-menu-backdrop {
	z-index: 10000 !important;
}

.depost-coded-header #header.depost-header-root.active #global_menu.depost-global-menu {
	z-index: 10001 !important;
}

.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--site a.dpd-drawer__item,
.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--lp-area a.dpd-drawer__item {
	color: #1e293b !important;
	background: transparent !important;
	opacity: 1 !important;
	height: auto !important;
	line-height: 1.45 !important;
	display: flex !important;
}

.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--site a.dpd-drawer__item:hover,
.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--site a.dpd-drawer__item.is-active,
.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--lp-area a.dpd-drawer__item:hover,
.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--lp-area a.dpd-drawer__item.is-active {
	background: #f8fafc !important;
	color: #e62121 !important;
}

.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--site a.dpd-drawer__item.is-active,
.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--lp-area a.dpd-drawer__item.is-active {
	background: #fff8f8 !important;
	color: #c91c1c !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion-summary {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 12px 18px 12px 19px !important;
	overflow: visible !important;
	position: relative !important;
	list-style: none !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion-summary::-webkit-details-marker {
	display: none !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion-summary::marker {
	content: "" !important;
	font-size: 0 !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion-leading {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	max-width: calc(100% - 28px) !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion-title {
	display: block !important;
	font-size: 0.88rem !important;
	line-height: 1.4 !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion-hint {
	display: block !important;
	margin-top: 3px !important;
	font-size: 0.65rem !important;
	line-height: 1.3 !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion-chevron {
	display: inline-flex !important;
	position: static !important;
	flex: 0 0 20px !important;
	width: 20px !important;
	height: 20px !important;
	margin-left: 8px !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0 !important;
	line-height: 0 !important;
	transform: none !important;
	pointer-events: none !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion-chevron::before {
	content: '' !important;
	display: block !important;
	width: 7px !important;
	height: 7px !important;
	border-right: 2px solid #64748b !important;
	border-bottom: 2px solid #64748b !important;
	transform: rotate(-45deg) !important;
	margin: 0 !important;
	transition: transform 0.2s ease, border-color 0.15s ease !important;
}

.depost-coded-header #header.depost-header-root #global_menu .dpd-drawer__accordion[open] > .dpd-drawer__accordion-summary .dpd-drawer__accordion-chevron::before {
	transform: rotate(45deg) !important;
	border-color: #e62121 !important;
}

@media (max-width: 480px) {
	.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--site,
	.depost-coded-header #header.depost-header-root #global_menu.depost-global-menu--lp-area {
		width: min(340px, calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))) !important;
		right: env(safe-area-inset-right, 0px) !important;
	}
}