/*site extension*/
:root {
	--footer-bg-color: #f4f4f4;
	--cl-background: #fff;
	--cl-pageink: rgb(29,29,29);
	--cl-pageink-link: #000;
	--cl-pageink-hover: #4a4a4a;
	--cl-pageink-active: #747474;
	--cl-apply: #00c9ff;
	--share-space: 2.4rem;
	--share-padding: 1.4em;
	--share-smp-space: 1.6rem;
	--share-smp-padding: 1.8rem;
	--bindwrap-width: 1024px;
	--contents-width: 800px;
}
:root {
	--ui-bt-radius: 2px;
	--spacing-10: 2.5rem;
}
body {
	font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Inter", "Noto Sans JP", sans-serif;
}

/*cat: details, summary*/
summary {
	list-style-type: none;
}
summary::-webkit-details-marker {
	display: none;
}
summary::before {
	content: "▲";
	display: inline-block;
	margin-right: 0.4em;
	transition: all 0.2s;
	transform: rotate(90deg); 
	opacity: 0.25;
}
details[open] > summary::before {
	transform: rotate(180deg); 
}

/*cat: header*/
#sitehead .lgm > img {
	width: 16vw;
	max-width: 60px;
}

/*cat: gadget*/
.bt {
	padding-block-start: 1.075rem;
	padding-block-end: 1.075rem;
	padding-inline-start: var(--spacing-10);
	padding-inline-end: var(--spacing-10);
	background-position-x: 0.9em;
	background-size: auto 1.3em;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: .04em;
	border-radius: 10em;
}
.bt:hover,a.bt:hover {
	color: #fff;
	background-color: #222;
}

ul.list li {
	padding-left: 0em;
	font-weight: 400;
	margin-bottom: 0.0em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
	ul.list li::before {
		width: 0.7em;
		height: 0.7em;
		border-top-color: transparent;
		border: solid 1px rgba(120, 120, 120, 0.2);
		background-color: rgba(215, 215, 215, 1);
	}