@charset "UTF-8";

#document_header{background-color:var(--background-color-L2);position:sticky;inset-block-start:0;z-index:9;--spacing:2em;transition:box-shadow 300ms;
	&>.inner{max-width:var(--MaxContentWidth);height:8em;padding-inline:var(--spacing);margin-inline:auto;box-sizing:border-box;position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing);}
	&.float{box-shadow:rgba(0 0 0/5%) 0 0 2em;}
	.document_logo a{content:'';display:block;width:var(--w);height:var(--h);background:var(--logo) no-repeat center/contain;-webkit-mask-image:linear-gradient(calc(var(--brightness-filter) * 180deg),rgba(0 0 0 / 100%),rgba(0 0 0 / 75%));mask-image:linear-gradient(calc(var(--brightness-filter) * 180deg),rgba(0 0 0 / 100%),rgba(0 0 0 / 75%));filter:invert(var(--brightness-filter));color:inherit;--logo:url('../images/seagm_logo_2020_text_black-22628aa159.svg');--h:1.666667em;--w:calc(var(--h) / 3 * 13);
		&>span{display:none;}
	}
	.document_menu{margin-inline-start:auto;display:flex;align-items:center;gap:1px;
		.bt{display:block;color:inherit;border-radius:var(--CPT-BDR);transition:color 300ms,background-color 300ms;
			&:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
			&>span{display:block;padding:1em calc(var(--CPT-US) / 2);font-weight:var(--SiteFW-EB);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		}
	}
	@media only screen and (min-width:1281px){
		.document_menu_ctrl_on{display:none;}
	}
	@media only screen and (max-width:1280px){--spacing:1.5em;
		&>.inner{height:6em;}
		.document_menu_ctrl_on{margin-inline-start:auto;}
		.document_logo a{--h:1.5em;}
		.document_menu{position:absolute;inset-block-start:100%;inset-inline-end:var(--spacing);z-index:999;flex-direction:column;align-items:unset;padding:1em;background:var(--background-color-L1);border-radius:1em;box-shadow:rgb(0 0 0 / 10%) 0 1em 2em;
			&:not(.show){display:none;}
			&.show{transition:opacity 300ms;transition-behavior:allow-discrete;
				@starting-style{opacity:0;}
			}
		}
	}
	@media only screen and (max-width:480px){
		&>.inner{height:5em;}
		.document_menu_ctrl_on{--CPT-US:3em;}
		.document_logo a{--h:1.25em;}
	}
}
#document_content{flex:auto;
	&>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;display:grid;grid-template-columns:clamp(25em,30%,30em) 1fr;gap:var(--spacing);align-items:start;
		&>.aside{position:sticky;inset-block-start:calc(var(--document-header-height) * 1px + var(--spacing));z-index:1;max-height:calc(var(--VHeight) - var(--document-header-height) * 1px - var(--spacing) * 2);padding:var(--spacing);box-sizing:border-box;overflow:hidden;overflow-y:auto;background:var(--background-color-L2);border-radius:1em;}
		&>.content{padding:var(--spacing);border-radius:1em;background-color:var(--background-color-L3);
			&:only-child{grid-column:1/-1;}
		}
	}
	@media only screen and (max-width:800px){
		&>.inner{grid-template-columns:1fr;
			&>.aside{display:none;}
		}
	}
	@media only screen and (max-width:480px){
		&>.inner{padding:unset;
			&>.content{margin-block-start:var(--spacing);}
		}
	}
}
#document_footer{
	&>.inner{max-width:var(--MaxContentWidth);padding:var(--spacing);margin-inline:auto;box-sizing:border-box;}
	.copyright{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:var(--spacing);
		&::before{content:'';display:block;--H:1.25em;width:calc(182 / 42 * var(--H));height:var(--H);background:url('../images/seagm_logo_2020_text_white-2c37d6f16e.svg') no-repeat center/contain;filter:brightness(var(--brightness-filter));opacity:.25;}
		& h3{font-size:var(--SiteFS);font-weight:var(--SiteFW);color:var(--body-text-color-a50);}
	}
	@media only screen and (max-width:480px){
		#document_footer .copyright{display:flex;flex-direction:column;text-align:center;gap:1em;
			& h3{font-size:var(--SiteFS-S);}
		}
	}
}


#article_index{display:flex;flex-direction:column;
	.anchor{display:block;color:inherit;transition:color 300ms;counter-increment:section;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1em;padding-block:.5em;
		&::before{content:counter(section);display:block;width:1.5em;height:1.5em;line-height:1.5;overflow:hidden;text-align:center;color:inherit;background:var(--body-text-color-a5);border-radius:.5em;transition:background-color 300ms;}
		&:hover{color:var(--SiteTHM);
			&::before{background:var(--SiteTHM-A10)}
		}
		&>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;overflow:hidden;text-overflow:ellipsis;}
	}
}


article.docs{max-width:60em;margin-inline:auto;
	& section{
		& h1{margin-block-start:unset;}
		&[id*="section-"]{margin-block:var(--spacing);scroll-margin-block-start:calc(var(--document-header-height) * 1px + var(--spacing));}
	}
}


#terms_jp_table{overflow:hidden;overflow-x:auto;
	& table{width:100%;vertical-align:top;border-collapse:collapse;margin:unset;
		& th{padding-block:1em;vertical-align:top;text-align:start;width:30%;}
		& td{padding-block:1em;padding-inline-start:2em;vertical-align:top;}
		& a[icon]::before{content:attr(icon);font-size:1.5em;display:inline-block;vertical-align:top;margin-inline-end:.5em;}
	}
}
#terms_jp_payments{margin-block:var(--spacing);margin-inline-start:unset;display:flex;flex-wrap:wrap;gap:1em;
	&>li{list-style:none;margin:unset;padding:.75em 1.5em;background:var(--body-text-color-a5);border-radius:.5em;font-weight:var(--SiteFW-EB);}
}


.cookies_list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;overflow:hidden;padding:1px 1.5em;background:var(--background-color-L3);box-shadow:var(--body-text-color-a25) 0 0 0 1px inset;
	.title{padding-block:1em;text-transform:uppercase;color:var(--body-text-color-a50);
		&~&{padding-inline-start:1.5em;}
		&~div:not(.title,.Description){box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
		&~div:not(.title){padding-block:1em;}
	}
	.Name{grid-row:span 2;font-weight:var(--SiteFW-EB);
		&~div:not(.Name){padding-inline-start:1.5em;}
	}
	.Provider{}
	.TrackerType{}
	.Expire{}
	.Description{grid-column:2/-1;padding-block-start:0 !important;color:var(--body-text-color-a50);
		&:empty{display:none;}
	}
	@media only screen and (max-width:480px){display:flex;flex-direction:column;gap:.25em;padding:1.5em;
		.title{display:none;}
		&>div{display:grid;grid-template-columns:min(30%,8em) auto;gap:1em;padding:unset !important;box-shadow:unset !important;
			&::before{content:attr(class);font-weight:var(--SiteFW);color:var(--body-text-color-a50);}
			&:not(.title)~.Name{margin-block-start:1em !important;padding-block-start:1.5em !important;box-shadow:var(--body-text-color-a5) 0 1px 0 inset !important;}
		}
	}
}