@charset "utf-8";
/* *************************************************************************************************************
 *	file name:		tk_portal_base.css
 *	Alteration:		2025.03.11
 *	style info:		「野村不動産の都心型戸建」のポータルページ用 共通のベースCSS
 *					（共通のリセットCSS「tk_portal_common.css」が読み込まれていることが前提となるものがあります。）
 *					※全ページに関わるため、原則書き換え禁止
----------------------------------------------------------------------------------------------------------------
 *	< COMMON > - Reset - CssCustomProperties
 *	< BASE > - CssCustomProperties - TK_BASE - TK_HEADER - TK_FOOTER
 *	< printOnly >
 *	< COMMON_LAST > - etc
************************************************************************************************************* */

/* ***************************************************************************************************
	COMMON
*************************************************************************************************** */

/* ============================================================================
	Reset
============================================================================ */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

/* ============================================================================
	CssCustomProperties
============================================================================ */
/* SITE
---------------------------------------------------- */
	:root {
		/* スティッキー要素の高さ・余白 ※数値は要確認（ざっくり対応ver ※厳密にする場合はJSで） */
		--site-stickyHeader-height:		calc(150 / 750 * 100vw);
		/*--site-stickyHeader-height:		75px;*/
	}
@media print, screen and (min-width: 750px) {
	:root {
		/* スティッキー要素の高さ・余白 ※数値は要確認（ざっくり対応ver ※厳密にする場合はJSで） */
		--site-stickyHeader-height:		50px;
	}
}





/* ***************************************************************************************************
	BASE
*************************************************************************************************** */

/* ============================================================================

	TK_SITE_WRAPPER

============================================================================ */
	body.is_drawerMenu_gNav_active {
		overflow: hidden;			/* SP時は全画面メニューのため hidden する（ページスクロールさせない設定） */
	}
	.siteWrap {
		display: grid;
		grid-template: 
			"siteHeader" auto
			"siteMain  " 1fr
			"siteFooter" auto /
			1fr;
		gap: 0px 0px;
		min-height: 100svh;
		overflow-x: clip; /* ウィンドウ幅からのはみ出し対策。不具合出るならここは削除し、各要素ごとに対応すること。 */
	}
	.siteHeaderWrap {
		grid-area: siteHeader;		/*background: green;*/
	}
	.siteMain {
		grid-area: siteMain;		/*background: red;*/
	}
	.siteFooterWrap {
		grid-area: siteFooter;		/*background: blue;*/
	}
@media print, screen and (min-width: 750px) {
	body.is_drawerMenu_gNav_active {
		overflow: revert;			/* PCTB時は全画面メニューではない（半分以上コンテンツが見える状態）のため hidden を解除する */
	}
}





/* ============================================================================

	TK_BASE

============================================================================ */

/* Base
--------------------------------- */
	body {
		line-height: 1.75;
		color: rgb(var(--site-themeColor-text));
		font-family: var(--site-font_family-basic);
		font-size: 1.3rem;
		letter-spacing: .1em;
	}
	small, figcaption { /* キャプション用途の小さい文字設定は tk_portal_common.css の .caption を使用する */
		color: inherit;
		font-family: inherit;
		font-size: inherit;
	}
@media print, screen and (min-width: 750px) {
	body {
		font-size: 1.6rem;
	}
}





/* ============================================================================

	TK_HEADER

============================================================================ */

/* ----------------------------------------------------------------------------
	siteHeaderWrap
---------------------------------------------------------------------------- */
	.siteHeaderWrap {
		--drawerBtn_gNav-width:	calc(112 / 750 * 100vw);
		--drawerBtn_gNav-right:	calc(23 / 750 * 100vw);
		
		width: 100%;
		min-height: var(--site-stickyHeader-height);
		line-height: 1.35;
		color: rgb(var(--site-themeColor-base_secondary_dark));
	}
	.siteHeader {
		display: grid;
		grid-template-columns: 1fr calc(var(--drawerBtn_gNav-width) + var(--drawerBtn_gNav-right));
		column-gap: 1.5rem;
		width: 100%;
		/*max-width: var(--site-sizeMaxWidth-XL);*/
		min-height: var(--site-stickyHeader-height);
		max-height: 35vh;
		overflow: auto;
		margin-left: auto;
		margin-right: auto;
							/*background: hotpink;*/
	}

	.siteHeaderCorpNameWrap {
		display: grid;
		align-items: center;
		padding-left: calc(30 / 750 * 100vw);
	}
	.siteHeaderCorpNameWrap a {
		display: block;
		width: calc(391 / 750 * 100vw);
	}
	.siteHeaderCorpNameWrap img {
		display: block;
	}

	.drawerBtn_gNavWrap {
		display: grid;
		align-items: center;
	}
	.drawerBtn_gNavWrap button {
		/* clear */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: inherit;
		font: inherit;
		background: transparent;
		border: none;
		border-radius: 0;
		cursor: pointer;

		/* reset */
		display: grid;
		grid-template-columns: 1fr;
		place-content: center;
		align-items: center;
		position: fixed;
		top: calc(19 / 750 * 100vw);
		right: var(--drawerBtn_gNav-right);
		z-index: 999; /* ドロワーメニューより上層に設定 */
		width: var(--drawerBtn_gNav-width);
		aspect-ratio: 1;
	}
	.drawerBtn_gNavWrap button::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		/*height: 100%;
		aspect-ratio: 1;*/
		margin: auto;
		background: rgb(255 255 255 / .92);
		-webkit-backdrop-filter: blur(.4rem);
		backdrop-filter: blur(.4rem);
		transition: background 130ms ease-out;

		/*background: #fff;
		width: max(10px, 1.2em);
		aspect-ratio: 1;
		background: radial-gradient(closest-side, rgb(255 255 255 / .3), rgb(255 255 255 / .2), rgb(255 255 255 / 0));
		-webkit-backdrop-filter: blur(.15rem) saturate(160%) brightness(110%) grayscale(5%);
		backdrop-filter: blur(.15rem) saturate(160%) brightness(110%) grayscale(5%);
		scale: 5;
		pointer-events: none;
		clip-path: circle(50% at 50% 30%);*/
	}
	.drawerBtn_gNavWrap button .line {
		display: block;
		position: relative;
		width: 60.7%;
		height: 0;
		background: transparent;
		margin: auto;
	}
			/* ≡ ライン */
			.drawerBtn_gNavWrap button .line::before,
			.drawerBtn_gNavWrap button .line::after {
				content: "";
				display: block;
				position: absolute;
				inset: 0;
				width: 100%;
				height: 0;
				border-top: 2px solid currentColor;
				transition: transform 180ms ease-in-out;
			}
			.drawerBtn_gNavWrap button .line::before {	transform: translateY(-4.5px);}
			.drawerBtn_gNavWrap button .line::after {	transform: translateY(4.5px);}
			/* × ライン （グロナビアクティブ時） */
			.drawerBtn_gNavWrap button[aria-expanded="true"] .line::before {	transform: rotate(15deg);}
			.drawerBtn_gNavWrap button[aria-expanded="true"] .line::after {		transform: rotate(-15deg);}

	.drawerBtn_gNavWrap button .label {
		line-height: 1.1;
		font-family: var(--site-font_family-en_2);
		font-size: calc(22 / 750 * 100vw);
		font-weight: bold;
		text-align: center;
		letter-spacing: .1em;
		margin-top: .885em;
		transform: translateY(4.5px);
	}

	/* hover */
	@media (hover: hover) and (pointer: fine) {
		.drawerBtn_gNavWrap button:hover::before {
			background: rgb(235 229 216 / .92);
		}
	}
	.drawerBtn_gNavWrap button:focus-visible::before {
			background: rgb(235 229 216 / .92);
	}

@media print, screen and (min-width: 750px) {
	.siteHeaderWrap {
		--drawerBtn_gNav-width:	70px;
		--drawerBtn_gNav-right:	23px;
	}
	.siteHeaderCorpNameWrap a {
		width: 174px;
	}
	.drawerBtn_gNavWrap button {
		top: 0;
		width: 70px;
		aspect-ratio: 70 / 50;
	}
	.drawerBtn_gNavWrap button .line {
		width: 48.5%;
	}
	.drawerBtn_gNavWrap button .label {
		font-size: 11px;
		margin-top: 6.6px;
	}
}
@media print, screen and (min-width: 1200px) {
}


/* gNavWrap
---------------------------------------------------------------------------
 * PC～SPすべてドロワーメニュー
 *		- [ウィンドウサイズを変えた瞬間]の設定不要
 * オーバーレイなし
---------------------------------------------------------------------------
 * .gNavWrap				：横からスライド表示
 * .gNav					：基本のテキストリンクナビ
 * .gSubNav					：サブナビ
 * .gNavWrapOverlay			：オーバーレイ（背面コンテンツカバー_JSで生成）
------------------------------------------------------------------------ */
	.gNavWrap {
		display: grid;
		/* align-content: center; は不可（内容があふれたときに上部が切れる） */
		align-items: end;
		position: fixed;
		inset: 0;
		z-index: 997; /* ドロワーボタンより下層に設定 */
		width: 100vw;
		height: 100%;
		/*min-height: calc(100lvh + 1px);*/
		overflow-y: scroll;
		/*overscroll-behavior-y: none;*/ /* none=バウンドしない */
		color: inherit;
		background: rgb(var(--site-variationColor-whitish) / .9);
		margin-left: auto;
		transition: right 400ms ease, visibility 400ms ease;
	}
	/*body.is_drawerMenu_gNav_screenNarrow .gNavWrap {
		transition: right 0ms; // [ウィンドウサイズを変えた瞬間]はアニメーションさせない //
	}*/
	.gNavWrap[aria-hidden="true"] {
		right: -100%;
		visibility: hidden;
	}
	.gNavWrap[aria-hidden="false"] {
		right: 0;
		visibility: visible;
	}
	.gNav {
		display: grid;
		padding: calc(var(--site-stickyHeader-height) + (70 / 750 * 100vw)) calc(115 / 750 * 100vw) 0;
	}
	.gNav li {
		display: block;
		line-height: 1.5;
		font-size: calc(35 / 750 * 100vw);
		text-align: center;
	}
	.gNav li:nth-of-type(n+2) {
		border-top: 1px solid currentColor;
	}
	.gNav li a {
		display: grid;
		grid-template-columns: 1fr;
		align-items: baseline;
		position: relative;
		z-index: 0;
	}
	.gNav li a::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		background: linear-gradient(to right, rgb(235 229 216 / 0) 0%, rgb(235 229 216 / .75) 40% 60%, rgb(235 229 216 / 0) 100%);
		opacity: 0;
	}
	.gNav li a .label {
		position: relative;
		padding: .835em 0 .935em;
	}
	.gNav li a .label .number {
		display: block;
		font-family: var(--site-font_family-en_2);
		font-size: 1.05em;
	}
	.gNav li a .label .title {
		display: block;
	}

	.gSubNav {
		margin-top: calc(50 / 750 * 100vw);
	}

	/* -- Individual --*/
	.gNav li.tk_recommend_01Nav a .label .title {
		letter-spacing: .04em;
	}
	.gNav li.tk_recommend_03Nav a .label .title {
		letter-spacing: .01em;
	}
	.gSubNav li.tk_bukkenlistNav {
		display: grid;
		place-content: center;
	}

	/* -- hover -- */
	.gNav li a[href]::before {
		transition: opacity 220ms ease-out;
	}
	@media (hover: hover) and (pointer: fine) {
		.gNav li a[href]:hover::before {
			opacity: 1;
		}
	}
	.gNav li a[href]:focus-visible::before {
			opacity: 1;
	}
	/* -- current -- */
	.gNav li a[aria-current="location"]::before {
			opacity: 1;
	}
	/* -- placeholder -- */
	.gNav li a:not([href]) {
		opacity: .35;
	}
	
	/* -- overlay（背面コンテンツカバー_JSで生成） -- */
	/*.gNavWrapOverlay {
		display: block;
		position: absolute;
		inset: 0;
		z-index: 1;
		width: 100%;
		background: rgb(102 100 100 / .5);
		cursor: pointer;
	}
	.gNavWrap[aria-hidden="true"] + .gNavWrapOverlay {
		visibility: hidden;
		opacity: 0;
	}
	.gNavWrap[aria-hidden="false"] + .gNavWrapOverlay {
		height: 100lvh;
		visibility: visible;
		opacity: 1;
		transition: visibility 0ms ease,
					opacity 400ms ease;
	}*/
@media print, screen and (min-width: 750px) {
	.gNavWrap {
		width: min(75vw, 450px);
	}
	.gNav {
		padding: calc(var(--site-stickyHeader-height) + 30px) 55px 0;
	}
	.gNav li {
		line-height: 1.6;
		font-size: 2rem;
		text-align: left;
	}
	.gNav li a .label {
		position: relative;
		padding: .9em 0 .95em;
	}
	.gNav li a .label .number {
		font-size: 1.1em;
	}
	.gNav li[class*="tk_recommend_0"] a .label {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 0 .45em;
	}

	.gSubNav {
		margin-top: 20px;
	}

	/* -- Individual --*/
	.gNav li.tk_recommend_01Nav a .label .title {
		letter-spacing: .055em;
	}
	.gNav li.tk_recommend_03Nav a .label .title {
		letter-spacing: .025em;
	}
	.gSubNav li.tk_bukkenlistNav {
		padding-bottom: 20px;
	}
}


/* bukkenlistBanner | 物件一覧バナー ※複数あり（グロナビ内、フローティングバナー）
------------------------------------------------------------------------ */
	.bukkenlistBanner {
		display: block;
		width: calc(528 / 750 * 100vw);
		overflow: clip;
		box-shadow: 4px 4px 5px 0 rgb(0 0 0 / .3);
		border: 1px solid #fff;
		/*border-radius: calc(10 / 750 * 100vw);*/
	}
	.bukkenlistBanner a {
		display: block;
		transition: opacity 220ms ease-out;
	}
	.bukkenlistBanner a img {
		display: block;
	}
	@media (hover: hover) and (pointer: fine) {
		.bukkenlistBanner a[href]:hover {
			opacity: .8;
		}
	}
	.bukkenlistBanner a[href]:focus-visible {
			opacity: .8;
	}
@media print, screen and (min-width: 750px) {
	.bukkenlistBanner {
		width: 412px;
		/*border-radius: 10px;*/
	}
}

/* floatingBanner_bukkenlist | フローティングバナーの物件一覧バナー
------------------------------------------------------------------------ */
	.floatingBanner_bukkenlist {
		position: fixed;
		bottom: 0;
		right: calc(20 / 750 * 100vw);
		z-index: 100;
		transition: opacity 180ms ease, visibility 180ms ease;
				/*[CHECK]*/
				/*opacity: .06;
				pointer-events: none;*/
	}
	body.is_drawerMenu_gNav_active .floatingBanner_bukkenlist {
		opacity: 0;
		transition: opacity 500ms ease-out;
	}
	.floatingBanner_bukkenlist.bnHide {
		opacity: 0;
		visibility: hidden;
		transition: opacity 300ms ease, visibility 300ms ease;
	}
@media print, screen and (min-width: 750px) {
	.floatingBanner_bukkenlist {
		bottom: 20px;
		right: 20px;
	}
}





/* ============================================================================

	TK_FOOTER

============================================================================ */

/* ----------------------------------------------------------------------------
	siteFooterWrap
---------------------------------------------------------------------------- */
	.siteFooterWrap {
		background: #fff;
	}
	.siteFooter {
	}


/* siteFooterFreeSpaceWrap | フッターのフリースペース
------------------------------------------------------------------------ */
	.siteFooterFreeSpaceWrap {
	}


/* tk_portal_relatedBrandLinksWrap | 関連リンク
---------------------------------------------------- */
	.tk_portal_relatedBrandLinksWrap {
		padding-top: calc(67 / 750 * 100vw);
		padding-bottom: calc(150 / 750 * 100vw);
	}
	.tk_portal_relatedBrandLinksWrap .relListWrap {
		width: var(--site-sizeContentWide-S, 80%);
		margin-left: auto;
		margin-right: auto;
	}
	/*.tk_portal_relatedBrandLinksWrap .heading {
		text-align: center;
		margin-bottom: 1.65em;
	}*/
	.tk_portal_relatedBrandLinksWrap .relList {
		display: grid;
		grid-template-columns: 1fr;
		gap: calc(78 / 750 * 100vw) 0;
	}
	.tk_portal_relatedBrandLinksWrap .relList li {
		display: grid;
		width: 100%;
	}
	.tk_portal_relatedBrandLinksWrap .relList li .logo {
		display: block;
		border: 1px solid #cbcbcb;
	}
	.tk_portal_relatedBrandLinksWrap .relList li .logo a {
		display: block;
	}
	.tk_portal_relatedBrandLinksWrap .relList li .logo img {
		display: block;
		width: 77%;
		margin-left: auto;
		margin-right: auto;
	}
@media print, screen and (min-width: 750px) {
	.tk_portal_relatedBrandLinksWrap {
		padding-top: 67px;
		padding-bottom: clamp(120px, (150 / 1200 * 100vw), 150px);
	}
	.tk_portal_relatedBrandLinksWrap .relListWrap {
		width: var(--site-sizeContentWide-M, 90%);
		max-width: var(--site-sizeMaxWidth-L, 1500px);
	}
	/*.tk_portal_relatedBrandLinksWrap .heading {
		margin-bottom: 1.325em;
	}*/
	.tk_portal_relatedBrandLinksWrap .relList {
		grid-template-columns: repeat(4, 1fr);
		gap: calc(18 / 1920 * 100vw);
	}
	.tk_portal_relatedBrandLinksWrap .relList li .logo img {
		width: 100%;
	}
}


/* corpAddressWrap | お問い合わせ先、コピーライト
------------------------------------------------------------------------ */
	.corpAddressWrap {
		line-height: 1.3;
		color: #333;
		font-family: var(--site-font_family-sans);
		background: #fff;
		padding-top: calc(77 / 750 * 100vw);
		padding-bottom: calc(94 / 750 * 100vw);
		border-top: 1px solid #eee;
	}
	.corpAddress {
		width: var(--site-sizeContentWide-S, 80%);
		line-height: 1.1;
		font-size: calc(24 / 750 * 100vw);
		font-style: normal;
		letter-spacing: .045em;
		margin-left: auto;
		margin-right: auto;
	}
	.corpAddressName {
		display: grid;
		place-content: center;
	}
	.corpAddressName a {
		display: block;
		width: calc(458 / 750 * 100vw);
	}
	.corpAddressLink {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: .6em 0;
		margin-top: calc(71 / 750 * 100vw);
	}
	.corpAddressLink .unit {
		padding: 0 .75em;
	}
	.corpAddressLink .unit:nth-of-type(n+2) {
		border-left: 1px solid #666;
	}
	.corpAddressWrap .copyright {
		display: grid;
		place-content: center;
		font-family: var(--site-font_family-en_1);
		font-size: calc(20 / 750 * 100vw);
		letter-spacing: normal;
		margin-top: calc(71 / 750 * 100vw);
	}
@media print, screen and (min-width: 750px) {
	.corpAddressWrap {
		padding-top: clamp(50px, (60 / 1200 * 100vw), 60px);
		padding-bottom: clamp(50px, (60 / 1200 * 100vw), 60px);
	}
	.corpAddress {
		width: var(--site-sizeContentWide-M, 90%);
		max-width: var(--site-sizeMaxWidth-L, 1500px);
		font-size: 1.2rem;
		letter-spacing: .055em;
	}
	.corpAddressName {
	}
	.corpAddressName a {
		width: 250px;
	}
	.corpAddressLink {
		margin-top: clamp(50px, (60 / 1200 * 100vw), 60px);
	}
	.corpAddressLink .unit {
		padding-left: 1em;
		padding-right: 1em;
	}
	.corpAddressWrap .copyright {
		font-size: 1rem;
		margin-top: clamp(25px, (30 / 1200 * 100vw), 30px);
	}
}





/* ***************************************************************************************************
	printOnly
*************************************************************************************************** */
.printonly {
	display: none;
}
@media print {
	.screenonly {
		display: none;
	}

	/* =================================
		TK_SITE_WRAPPER
	================================= */
	#siteWrap {
		width: 100%;
		/*min-width: calc(1320px + 2px);*/		/* = メディアクエリ最大値 + 微調整 */
		min-width: 1200px; 						/* chrome[倍率:規定] 優先の場合はこちら */
	}
	/* =================================
		TK_HEADER
	================================= */
	.drawerBtn_gNavWrap button {
		position: absolute;
	}
	.floatingBanner_bukkenlist { /* フローティングバナーの物件一覧バナー */
		position: absolute;
	}
}





/* ***************************************************************************************************
	COMMON_LAST
*************************************************************************************************** */
/* ============================================================================
	etc
============================================================================ */
/* margin, padding | ~=スペース区切り毎の正確な値 | mt,mr,mb,ml,pt,pr,pb,pl,ptb,plr */
[data-marpad~="mtXXXL"]	{margin-top:var(--site-marpad-XXXL)}	[data-marpad~="mrXXXL"]	{margin-right:var(--site-marpad-XXXL)}	[data-marpad~="mbXXXL"]	{margin-bottom:var(--site-marpad-XXXL)}	[data-marpad~="mlXXXL"]	{margin-left:var(--site-marpad-XXXL)}		[data-marpad~="ptXXXL"]	{padding-top:var(--site-marpad-XXXL)}	[data-marpad~="prXXXL"]	{padding-right:var(--site-marpad-XXXL)}	[data-marpad~="pbXXXL"]	{padding-bottom:var(--site-marpad-XXXL)}	[data-marpad~="plXXXL"]	{padding-left:var(--site-marpad-XXXL)}	[data-marpad~="ptbXXXL"]	{padding-top:var(--site-marpad-XXXL);padding-bottom:var(--site-marpad-XXXL)}	[data-marpad~="plrXXXL"]	{padding-right:var(--site-marpad-XXXL);padding-left:var(--site-marpad-XXXL)}
[data-marpad~="mtXXL"]	{margin-top:var(--site-marpad-XXL)}		[data-marpad~="mrXXL"]	{margin-right:var(--site-marpad-XXL)}	[data-marpad~="mbXXL"]	{margin-bottom:var(--site-marpad-XXL)}	[data-marpad~="mlXXL"]	{margin-left:var(--site-marpad-XXL)}		[data-marpad~="ptXXL"]	{padding-top:var(--site-marpad-XXL)}	[data-marpad~="prXXL"]	{padding-right:var(--site-marpad-XXL)}	[data-marpad~="pbXXL"]	{padding-bottom:var(--site-marpad-XXL)}		[data-marpad~="plXXL"]	{padding-left:var(--site-marpad-XXL)}	[data-marpad~="ptbXXL"]		{padding-top:var(--site-marpad-XXL);padding-bottom:var(--site-marpad-XXL)}		[data-marpad~="plrXXL"]		{padding-right:var(--site-marpad-XXL);padding-left:var(--site-marpad-XXL)}
[data-marpad~="mtXL"]	{margin-top:var(--site-marpad-XL)}		[data-marpad~="mrXL"]	{margin-right:var(--site-marpad-XL)}	[data-marpad~="mbXL"]	{margin-bottom:var(--site-marpad-XL)}	[data-marpad~="mlXL"]	{margin-left:var(--site-marpad-XL)}			[data-marpad~="ptXL"]	{padding-top:var(--site-marpad-XL)}		[data-marpad~="prXL"]	{padding-right:var(--site-marpad-XL)}	[data-marpad~="pbXL"]	{padding-bottom:var(--site-marpad-XL)}		[data-marpad~="plXL"]	{padding-left:var(--site-marpad-XL)}	[data-marpad~="ptbXL"]		{padding-top:var(--site-marpad-XL);padding-bottom:var(--site-marpad-XL)}		[data-marpad~="plrXL"]		{padding-right:var(--site-marpad-XL);padding-left:var(--site-marpad-XL)}
[data-marpad~="mtL"]	{margin-top:var(--site-marpad-L)}		[data-marpad~="mrL"]	{margin-right:var(--site-marpad-L)}		[data-marpad~="mbL"]	{margin-bottom:var(--site-marpad-L)}	[data-marpad~="mlL"]	{margin-left:var(--site-marpad-L)}			[data-marpad~="ptL"]	{padding-top:var(--site-marpad-L)}		[data-marpad~="prL"]	{padding-right:var(--site-marpad-L)}	[data-marpad~="pbL"]	{padding-bottom:var(--site-marpad-L)}		[data-marpad~="plL"]	{padding-left:var(--site-marpad-L)}		[data-marpad~="ptbL"]		{padding-top:var(--site-marpad-L);padding-bottom:var(--site-marpad-L)}			[data-marpad~="plrL"]		{padding-right:var(--site-marpad-L);padding-left:var(--site-marpad-L)}
[data-marpad~="mtM"]	{margin-top:var(--site-marpad-M)}		[data-marpad~="mrM"]	{margin-right:var(--site-marpad-M)}		[data-marpad~="mbM"]	{margin-bottom:var(--site-marpad-M)}	[data-marpad~="mlM"]	{margin-left:var(--site-marpad-M)}			[data-marpad~="ptM"]	{padding-top:var(--site-marpad-M)}		[data-marpad~="prM"]	{padding-right:var(--site-marpad-M)}	[data-marpad~="pbM"]	{padding-bottom:var(--site-marpad-M)}		[data-marpad~="plM"]	{padding-left:var(--site-marpad-M)}		[data-marpad~="ptbM"]		{padding-top:var(--site-marpad-M);padding-bottom:var(--site-marpad-M)}			[data-marpad~="plrM"]		{padding-right:var(--site-marpad-M);padding-left:var(--site-marpad-M)}
[data-marpad~="mtS"]	{margin-top:var(--site-marpad-S)}		[data-marpad~="mrS"]	{margin-right:var(--site-marpad-S)}		[data-marpad~="mbS"]	{margin-bottom:var(--site-marpad-S)}	[data-marpad~="mlS"]	{margin-left:var(--site-marpad-S)}			[data-marpad~="ptS"]	{padding-top:var(--site-marpad-S)}		[data-marpad~="prS"]	{padding-right:var(--site-marpad-S)}	[data-marpad~="pbS"]	{padding-bottom:var(--site-marpad-S)}		[data-marpad~="plS"]	{padding-left:var(--site-marpad-S)}		[data-marpad~="ptbS"]		{padding-top:var(--site-marpad-S);padding-bottom:var(--site-marpad-S)}			[data-marpad~="plrS"]		{padding-right:var(--site-marpad-S);padding-left:var(--site-marpad-S)}
[data-marpad~="mtXS"]	{margin-top:var(--site-marpad-XS)}		[data-marpad~="mrXS"]	{margin-right:var(--site-marpad-XS)}	[data-marpad~="mbXS"]	{margin-bottom:var(--site-marpad-XS)}	[data-marpad~="mlXS"]	{margin-left:var(--site-marpad-XS)}			[data-marpad~="ptXS"]	{padding-top:var(--site-marpad-XS)}		[data-marpad~="prXS"]	{padding-right:var(--site-marpad-XS)}	[data-marpad~="pbXS"]	{padding-bottom:var(--site-marpad-XS)}		[data-marpad~="plXS"]	{padding-left:var(--site-marpad-XS)}	[data-marpad~="ptbXS"]		{padding-top:var(--site-marpad-XS);padding-bottom:var(--site-marpad-XS)}		[data-marpad~="plrXS"]		{padding-right:var(--site-marpad-XS);padding-left:var(--site-marpad-XS)}
[data-marpad~="mtXXS"]	{margin-top:var(--site-marpad-XXS)}		[data-marpad~="mrXXS"]	{margin-right:var(--site-marpad-XXS)}	[data-marpad~="mbXXS"]	{margin-bottom:var(--site-marpad-XXS)}	[data-marpad~="mlXXS"]	{margin-left:var(--site-marpad-XXS)}		[data-marpad~="ptXXS"]	{padding-top:var(--site-marpad-XXS)}	[data-marpad~="prXXS"]	{padding-right:var(--site-marpad-XXS)}	[data-marpad~="pbXXS"]	{padding-bottom:var(--site-marpad-XXS)}		[data-marpad~="plXXS"]	{padding-left:var(--site-marpad-XXS)}	[data-marpad~="ptbXXS"]		{padding-top:var(--site-marpad-XXS);padding-bottom:var(--site-marpad-XXS)}		[data-marpad~="plrXXS"]		{padding-right:var(--site-marpad-XXS);padding-left:var(--site-marpad-XXS)}

[data-marpad~="mt1px"]	{margin-top:1px}	[data-marpad~="mr1px"]	{margin-right:1px}	[data-marpad~="mb1px"]	{margin-bottom:1px}	[data-marpad~="ml1px"]	{margin-left:1px}		[data-marpad~="pt1px"]	{padding-top:1px}	[data-marpad~="pr1px"]	{padding-right:1px}	[data-marpad~="pb1px"]	{padding-bottom:1px}	[data-marpad~="pl1px"]	{padding-left:1px}		[data-marpad~="ptb1px"]	{padding-top:1px;padding-bottom:1px}	[data-marpad~="plr1px"]	{padding-right:1px;padding-left:1px}
[data-marpad~="mt1em"]	{margin-top:1em}	[data-marpad~="mr1em"]	{margin-right:1em}	[data-marpad~="mb1em"]	{margin-bottom:1em}	[data-marpad~="ml1em"]	{margin-left:1em}		[data-marpad~="pt1em"]	{padding-top:1em}	[data-marpad~="pr1em"]	{padding-right:1em}	[data-marpad~="pb1em"]	{padding-bottom:1em}	[data-marpad~="pl1em"]	{padding-left:1em}		[data-marpad~="ptb1em"]	{padding-top:1em;padding-bottom:1em}	[data-marpad~="plr1em"]	{padding-right:1em;padding-left:1em}
[data-marpad~="mt2em"]	{margin-top:2em}	[data-marpad~="mr2em"]	{margin-right:2em}	[data-marpad~="mb2em"]	{margin-bottom:2em}	[data-marpad~="ml2em"]	{margin-left:2em}		[data-marpad~="pt2em"]	{padding-top:2em}	[data-marpad~="pr2em"]	{padding-right:2em}	[data-marpad~="pb2em"]	{padding-bottom:2em}	[data-marpad~="pl2em"]	{padding-left:2em}		[data-marpad~="ptb2em"]	{padding-top:2em;padding-bottom:2em}	[data-marpad~="plr2em"]	{padding-right:2em;padding-left:2em}
[data-marpad~="mt0"]	{margin-top:0}		[data-marpad~="mr0"]	{margin-right:0}	[data-marpad~="mb0"]	{margin-bottom:0}	[data-marpad~="ml0"]	{margin-left:0}			[data-marpad~="pt0"]	{padding-top:0}		[data-marpad~="pr0"]	{padding-right:0}	[data-marpad~="pb0"]	{padding-bottom:0}		[data-marpad~="pl0"]	{padding-left:0}		[data-marpad~="ptb0"]	{padding-top:0;padding-bottom:0}		[data-marpad~="plr0"]	{padding-right:0;padding-left:0}