@font-face {
	font-family: InterVariable;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0') format('woff2');
}

:root {
	touch-action: manipulation;/*高速なクリックイベントの生成*/
	
	--0a: rgb(from var(--0) r g b / 85%);/*C0→D0→E0→D0→E0→D8|calc(216/255)|0.84705...→85%*/
	--0a_fx: blur(0.5rem);/*0.4→0.333→0.4→0.5*/
	
	font-family: InterVariable,sans-serif;
	-webkit-font-smoothing: initial;
	text-decoration: none;
	text-transform: none;
	font-feature-settings: "case" 0, "dlig" 0, "frac" 0, "dnom" 0, "numr" 0, "subs" 0, "sups" 0, "tnum" 0, "zero" 0, "ss01" 0, "ss02" 0, "ss03" 0, "ss04" 0, "ss05" 0, "ss06" 0, "ss07" 0, "ss08" 0, "cv01", "cv02" 0, "cv03", "cv04", "cv05", "cv06" 0, "cv07" 0, "cv08" 0, "cv09" 0, "cv10" 0, "cv11" 0, "cv12" 0, "cv13" 0, "cpsp" 0, "c2sc" 0, "salt" 0, "aalt" 0, "calt", "ccmp", "locl", "kern";
}

html {
	color: var(--3);
	background-color: var(--0);
}

body {
	margin: 0;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* Safari */
}

a {
	color: var(--3);
	/*fill:var(--3);*//*for svg*/
	text-decoration: none;
	/*transition: 0.2s cubic-bezier(0.12, 0.71, 0.32, 0.97);*//*@*/
}
a:hover {
	color: var(--2);
	/*fill:var(--2);*//*for svg*/
	/*font-variation-settings: "wght" 750, "opsz" 32;*//*@*/
	/*font-size: 1.1rem;*//*@*/
}
.aimg {
	font-size: 0;
	/*filter: grayscale(100%);*/
	/*filter: grayscale(100%) invert(100%);*/
}

.rounded-image {
	border-radius: 0.25rem;/*4px*/
}


/*common*/
	.c0 {color: var(--0)}
	.c1 {color: var(--1)}
	.c2 {color: var(--2)}
	.c3 {color: var(--3)}
	.flex {display: flex;}
/*header*/
	.header_bold {
		font-variation-settings: "wght" 750, "opsz" 32;
	}
	header {
		/*xywh*/
			position: Fixed;
			left: 0;
			top: 0;
			width: 100%;
			/*height: 3rem;*/
			height: 2rem;
		/*draw*/
			/*background-color: var(--0a);*/
			/*border-bottom: 0.0625rem solid var(--3);*/
			/*border-bottom: 0.0625rem solid var(--1);*/
			background-color: var(--0a);
			backdrop-filter: var(--0a_fx);
			z-index: 999;
		/*for child*/
			/*font*/
				font-size: 1rem;letter-spacing: -0.011em;
				font-variation-settings: "wght" 500, "opsz" 32;
	}
	.hd {
		width: min(816px,calc(100% - 3rem));
		height: 2rem;
		padding: 0 1.5rem;
		margin: auto;
		
		border-bottom: 0.0625rem solid var(--1);
		
		/*pos*/
			display: flex;
			justify-content: space-between;
			align-items: center;
		/*background-color: #44774480;*/
	}
	.hdL {/*background-color: #744;*/
		position: relative;
		left: -0.08rem;
		width: 7rem;
	}
	.hdC1 {/*background-color: #474;*/
		display: flex;
		justify-content: center;
	}
	.hdCs {
		width: 0.75rem;
	}
	.hdC2 {/*background-color: #474;*/
		display: none;
		justify-content: center;
	}
	@media (max-width: 680px) {
		.hdC1 {
			display: none;
		}
		
		.hdC2 {
			display: flex;
		}
	}
	.hdR {
		width: 7rem;
		display: flex;
		justify-content: space-between;
	}
	.hdRb {
		/*xywh*/
			position: relative;
			right: -0.08rem;
			/*padding: 0;*/
		/*draw*/
			color: var(--3);
			background-color: rgba(0,0,0,0);
			/*background-color: #447;*/
			border: 0;
		/*for child*/
			font-size: 1rem;
			font-family: InterVariable,sans-serif;
			font-variation-settings: "wght" 500, "opsz" 32;
		
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.hdRb:hover {
		color: var(--2);
	}
	.hda {
		padding: 0.4rem 0.5rem;
		/*padding: 0 0.5rem;*/
	}
/*footer*/
	footer {
		/*xywh*/
			width: 864px;
			height: 1.5rem;
			margin: auto;
			
			border-top: 0.0625rem solid var(--1);
		/*for child*/
			/*font*/
				font-size: 0.6875rem;letter-spacing: 0.005em;
				font-variation-settings: "wght" 500, "opsz" 14;
			/*pos*/
				display: flex;
				justify-content: center;
				align-items: center;
	}
	.ft {
		width: 800px;
		/*height: 1rem;*/
		margin: auto;
		
		/*pos*/
			display: flex;
			justify-content: space-between;
			align-items: center;
		/*background-color: #44774480;*/
	}
	.ftL {/*background-color: #744;*/
		position: relative;
		width: 14rem;
	}
	.ftC {/*background-color: #474;*/
		width: 20rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ftCs {
		border-left: 0.0625rem solid var(--1);
		height: 0.5rem;
		margin: 0 0.75rem;
	}
	.ftR {
		width: 14rem;
		display: flex;
		justify-content: right;
		align-items: center;
	}
/*main*/
	main {
		margin-top: 2rem;
		/*min-height: calc(var(--vh) - 2rem - 1.5rem - 0.0625rem);*/
		min-height: calc(var(--vh) - 2rem - 1.5rem - 0.0625rem);
		
		/*background-color: #77444480;*/
	}
	.mi {
		width: 800px;
		padding: 0 2rem;
		margin: auto;
		
		flex: 1;
		
		/*background-color: #44774480;*/
	}
	.Pname {
		font-size: 2rem;letter-spacing: -0.022em;
		position: relative;
		/*left: -0.125rem;*/
		left: -0.11rem;
		font-variation-settings: "wght" 750, "opsz" 32;
		/*font-variation-settings: "wght" 700, "opsz" 32;*/
	}
	.smallbreak1 {height: 0.25rem;}
	.smallbreak2 {height: 0.5rem;}
	.smallbreak3 {height: 0.75rem;}
	.smallbreak4 {height: 1rem;}
	.smallbreak5 {height: 1.25rem;}
	.smallbreak6 {height: 1.5rem;}
	.smallbreak7 {height: 1.75rem;}
	.smallbreak8 {height: 2rem;}
	.smallbreak16 {height: 4rem;}
	.text {left: 0;}
	.Pdesc {
		font-size: 1rem;letter-spacing: -0.011em;
		position: relative;
		/*left: -0.0625rem;*/
		left: -0.08rem;
		font-variation-settings: "wght" 500, "opsz" 16;
	}
	.Pdesc2 {
		font-size: 1rem;letter-spacing: -0.011em;
		position: relative;
		/*left: -0.0625rem;*/
		left: -0.08rem;
		font-variation-settings: "wght" 350, "opsz" 16;
	}
	.Pprice {
		font-size: 2rem;letter-spacing: -0.022em;
		position: relative;
		font-variation-settings: "wght" 750, "opsz" 32;
	}
	.Pprice2 {
		/*font-size: 1rem;letter-spacing: -0.011em;top: -0.725rem;*/
		font-size: 0.9375rem;letter-spacing: -0.009em;top: -0.77rem;
		/*font-size: 0.875rem;letter-spacing: -0.006em;top: -0.8rem;*/
		position: relative;
		font-variation-settings: "wght" 750, "opsz" 32;
	}
	.Pprice3 {
		font-size: 1.5rem;letter-spacing: -0.019em;
		position: relative;
		/*font-variation-settings: "wght" 300, "opsz" 32;*/
		font-variation-settings: "wght" 300, "opsz" 24;
	}
	.Ppricelist {
		font-size: 0.875rem;letter-spacing: -0.006em;
		position: relative;
		left: -0.0625rem;
		font-variation-settings: "wght" 400, "opsz" 14;
	}
/*parts*/
	.tibreakh0 {height: 0.125rem;}
	.ti0 {
		font-size: 8rem;letter-spacing: -0.022em;
		font-variation-settings: "wght" 250, "opsz" 32;
		position: relative;
		left: -0.5rem;
	}
	.tibreakh {height: 0.625rem;}
	.ti {
		font-size: 6rem;letter-spacing: -0.022em;
		/*font-variation-settings: "wght" 400, "opsz" 32;*/
		font-variation-settings: "wght" 350, "opsz" 32;
		
		position: relative;
		left: -0.375rem;
	}
	.tibreakh0 {height: 1.125rem;}
	.ti0 {
		font-size: 4rem;letter-spacing: -0.022em;
		font-variation-settings: "wght" 400, "opsz" 32;
		
		position: relative;
		left: -0.25rem;
	}
	.botan {
		font-size: 1rem;letter-spacing: -0.011em;
		/*font-variation-settings: "wght" 500, "opsz" 16;*/
		font-variation-settings: "wght" 350, "opsz" 16;
		/*font-variation-settings: "wght" 350, "opsz" 32;*/
		
		display: inline-block;
		/*padding: 0.5rem 1rem;*/
		/*padding: 0.375rem 0.75rem;*/
		padding: 0.375rem 0.625rem;
		/*padding: 0.375rem 0.5625rem;*/
		/*padding: 0.5rem 0.75rem;*/
		/*border-radius: 100rem;*/
		border-radius: 0.25rem;
		/*border-radius: 0.5rem;*/
		background-color: var(--3); /* 背景色 */
		color: var(--0);
		
		cursor: pointer;
	}
	.botan:hover {
		background-color: var(--2); /* 背景色 */
		color: var(--0);
	}
	.onepixelineh {
		display: block;
		/*border-bottom: 0.0625rem solid var(--3);*/
		/*border-bottom: 0.0625rem solid var(--2);*/
		border-bottom: 0.0625rem solid var(--1);
		width: 100%;
	}
	.textonly {
		position: relative;
		top: -0.5rem;
	}
	help {
		display: none;
	}
/*Offline Activation*/
	/*submit button*/
		button[type="submit"]{
			/*font*/
				font-family: InterVariable,sans-serif;
				-webkit-font-smoothing: initial;
				text-decoration: none;
				text-transform: none;
				font-feature-settings: "case" 0, "dlig" 0, "frac" 0, "dnom" 0, "numr" 0, "subs" 0, "sups" 0, "tnum" 0, "zero" 0, "ss01" 0, "ss02" 0, "ss03" 0, "ss04" 0, "ss05" 0, "ss06" 0, "ss07" 0, "ss08" 0, "cv01", "cv02" 0, "cv03", "cv04", "cv05", "cv06" 0, "cv07" 0, "cv08" 0, "cv09" 0, "cv10" 0, "cv11" 0, "cv12" 0, "cv13" 0, "cpsp" 0, "c2sc" 0, "salt" 0, "aalt" 0, "calt", "ccmp", "locl", "kern";
			/*hdRb*/
				border: 0;
		}
		button[type="submit"]:hover {
			background-color: var(--2); /* 背景色 */
			color: var(--0);
		}
	/*入力欄*/
		input[type="text"]{
			/*font*/
				font-family: InterVariable,sans-serif;
				-webkit-font-smoothing: initial;
				text-decoration: none;
				text-transform: none;
				font-feature-settings: "case" 0, "dlig" 0, "frac" 0, "dnom" 0, "numr" 0, "subs" 0, "sups" 0, "tnum" 0, "zero" 0, "ss01" 0, "ss02" 0, "ss03" 0, "ss04" 0, "ss05" 0, "ss06" 0, "ss07" 0, "ss08" 0, "cv01", "cv02" 0, "cv03", "cv04", "cv05", "cv06" 0, "cv07" 0, "cv08" 0, "cv09" 0, "cv10" 0, "cv11" 0, "cv12" 0, "cv13" 0, "cpsp" 0, "c2sc" 0, "salt" 0, "aalt" 0, "calt", "ccmp", "locl", "kern";
			/*botan*/
				font-size: 1rem;letter-spacing: -0.011em;
				/*font-variation-settings: "wght" 350, "opsz" 16;*/
				font-variation-settings: "wght" 400, "opsz" 16;
				
				display: inline-block;
				padding: 0.375rem 0rem 0.375rem 0.625rem;
				border-radius: 0.25rem;
				
				color: var(--3);
				background-color: rgba(0,0,0,0);
				
				/*border: 1px solid var(--3);*/
				border: 0;
				outline: 0.0625rem solid var(--3);
				outline-offset: -0.0625rem;
			
			width: 24rem;
		}
		input[type="text"]::placeholder {
			color: var(--1);
		}
		input[type="text"]:focus {
			border: 0;
			outline: 0.125rem solid var(--3);
			outline-offset: -0.125rem;
		}
/*ol*/
	ol {
		display: block;
		list-style-type: decimal;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		padding-inline-start: 1.5rem;
	}
	ul {
		display: block;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		padding-inline-start: 1.5rem;
	}
/*manuals*/
	lib {
		display: block;
		font-size: 1.5rem;
		margin: 0 0 0.25rem 0;
	}
	url {
		display: block;
		font-size: 0.75rem;
		margin: 0 0 0.5rem 0;
	}
	license {
		/*display: block;*/
		display: flex;
		font-family: Consolas,monospace;/*今はwindows向けなのでConsolas*/
		font-size: 0.75rem;
		white-space: pre-line;
		/*color: var(--0);*/
		/*background-color: var(--3);*/
		outline: 0.0625rem solid var(--1);
		outline-offset: -0.0625rem;
		padding: 0.25rem;
	}
/*紹介ページ*/
	.sticky-element {
		/*display: none;*/
		z-index: 1000;
		
		position: fixed;
		/*top: 2.8125rem;*/
		/*top: 2.5625rem;*/
		/*bottom: 0.75rem;*/
		bottom: 0.5rem;
		right: 0;
		
		text-align: right;
		
		/*transition: bottom 1s cubic-bezier(0.5, 0, 0.1, 1);*/
		/*transition: bottom 1s cubic-bezier(0.15, 0, 0, 1);*/
		transition: bottom 1s cubic-bezier(0.2, 0, 0, 1);
	}
	.sticky-item {
		display: inline-block;
		
		padding: 0.5rem;/*t,r,b,l*/
		
		/*border-radius: 0.5rem;*/
		border-radius: 0.25rem;
		
		background-color: var(--0a);
		backdrop-filter: var(--0a_fx);
		border: 0.0625rem solid var(--1);
	}
	.sticky-item1 {
		display: inline-block;
		
		padding: 0.25rem 0.5rem;/*t,r,b,l*/
		
		/*border-radius: 0.5rem;*/
		border-radius: 0.25rem;
		
		background-color: var(--0a);
		backdrop-filter: var(--0a_fx);
		border: 0.0625rem solid var(--1);
	}
	.sticky-item2 {
		display: inline-block;
		
		/*padding: 0.5rem 0.5rem 0.5rem 0.75rem;*//*t,r,b,l*/
		padding: 0.25rem 0.25rem 0.25rem 0.5rem;/*t,r,b,l*/
		
		/*border-radius: 0.5rem;*/
		border-radius: 0.25rem;
		
		background-color: var(--0a);
		backdrop-filter: var(--0a_fx);
		border: 0.0625rem solid var(--1);
	}


	.sticky-element-top {
		/*display: none;*/
		z-index: 1000;
		
		position: fixed;
		/*top: 2.8125rem;*/
		top: 2.5625rem;
		/*bottom: 0.75rem;*/
		/*bottom: 0.5rem;*/
		right: 0;
		
		text-align: right;
	}
	.sticky-item-top {
		text-align: left;
		display: inline-block;
		
		padding: 0.5rem;/*t,r,b,l*/
		width: 16rem;
		font-size: 0.75rem;
		
		/*border-radius: 0.5rem;*/
		border-radius: 0.25rem;
		
		background-color: var(--3);
		color: var(--0);
		backdrop-filter: var(--0a_fx);
		border: 0.0625rem solid var(--3);
	}
	.yt-w800 {
		transform: scale(calc(800/1080));
		transform-origin: 0 0;
		width: 800px;
		height: calc(720px*(800/1080));
	}

details {
/*	border-radius: 0.25rem;
	
	background-color: var(--0);
	color: var(--3);
	border: 0.0625rem solid var(--1);*/
	
	border-radius: 0.25rem;
	outline: 0.0625rem solid var(--3);
	outline-offset: -0.0625rem;
}

summary {
	font-size: 0.6875rem;letter-spacing: 0.005em;
	font-variation-settings: "wght" 500, "opsz" 14;
	
	/*display: inline-block;*/
	padding: 0.3125rem 0.5rem;
	border-radius: 0.25rem;
	background-color: var(--3); /* 背景色 */
	color: var(--0);
	
	cursor: pointer;
}

details[open] summary {
	border-radius: 0.25rem 0.25rem 0 0;
}

.changelog {
	font-size: 0.6875rem;letter-spacing: 0.005em;
	font-variation-settings: "wght" 500, "opsz" 14;
	
	padding: 0.375rem 0.5rem;
}

/*scrollbar*/
	/*width*/
/*		::-webkit-scrollbar{
			width: 9px;
		}*/
	/*Track,corner*/
/*		::-webkit-scrollbar-track,::-webkit-scrollbar-corner{
			border-left: 0.0625rem solid var(--1);
		}*/
	/*Handle*/
/*		::-webkit-scrollbar-thumb{
			border-left: 0.0625rem solid transparent;
			background-clip: padding-box;
			background-color: var(--3);
		}*/
	/*Handle hover*/
/*		::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-button:hover{
			background-color: var(--2);
		}*/