@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.1') format('woff2');
}
@font-face {
	font-family: InterVariable;
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url('https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.1') 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;
	--case-auto: "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";
	--case-off:  "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"0,"ccmp","locl","kern";
	--case-on:   "case" ,"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";
	font-feature-settings: var(--case-auto);
}

.case {
	font-feature-settings: var(--case-on);
}
.nocase {
	font-feature-settings: var(--case-off);
}

html {
	color: var(--3);
	background-color: var(--0);
	/*filter: saturate(0) brightness(0.88) contrast(1.47);*/
}

body {
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	
	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 {
	display: block;
}

.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_bold path {
		/*stroke-width: 50;transform: scale(0.96);*/
		stroke-width: 75;transform: scale(0.94);
		/*stroke-width: 100;transform: scale(0.93);*/
		transform-origin: center;
		stroke: currentColor;
		stroke-linejoin: round;
	}
	header {
		/*xywh*/
			position: sticky;
			/*left: 0;*/
			top: 0;
			/*top: 0.875rem;*//*#HEADER2*/
			/*width: 100%;*/
			/*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));*/
		/*max-width: 864px;*/
		width: 864px;
		/*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;*/
		
		background-color: var(--0a);
		backdrop-filter: var(--0a_fx);
	}
	.hdL {/*background-color: #744;*/
		/*position: relative;*/
		/*left: -0.08rem;*/
		width: 5.5rem;/*フォントが読み込まれていないときや翻訳したときのはみでないサイズ*/
		display: flex;/*これがないとaの幅がでかくなる*/
	}
	.hdC {/*background-color: #474;*/
		/*height: 2rem;*/
		display: flex;
		justify-content: center;
	}
	.hdCs {
		/*width: 0.75rem;*/
		width: 0.5rem;
	}
	.hdR {
		width: 5.5rem;/*フォントが読み込まれていないときや翻訳したときのはみでないサイズ*/
		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 0.5rem;
		height: 2rem;
		display: flex;
		align-items: center;
	}
	
/*header2*/
	.header2 {
		font-size: 0.6875rem;letter-spacing: 0.005em;
		font-variation-settings: "wght" 500, "opsz" 14;
	}
	.hd2 {
		width: 864px;
		/*max-width: 864px;*/
		height: 0.875rem;
		margin: auto;
		
		/*pos*/
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: var(--0);
			background-color: var(--3);
			z-index: 999;
	}
	.hd2:hover {
		color: var(--0);
		background-color: var(--2);
	}
	@keyframes scrl-anime {
		0% {transform: translateX(0%);}
		100% {transform: translateX(-100%);}
	}
	.scrl-main {
		display: flex;
		align-items: center;
		white-space: nowrap;
		overflow: hidden;
		position: relative;
	}
	.scrl-main > div {
		animation: scrl-anime var(--scrl-speed) linear infinite;
	}
	.scrl-items > div {
		display: inline-flex;
		align-items: center;
		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;*/
		
		width: 14rem;
		display: flex;
		justify-content: left;
		align-items: center;
	}
	.ftC {/*background-color: #474;*/
		width: 21rem;
		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 {
		flex: 1;
		width: 800px;
		padding: 0 2rem;/*表示領域の横幅が狭いときに必要*/
		margin: auto;
		/*background-color: #77444480;*/
	}
	.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;
	}
	.Pdesc3 {
		font-size: 1rem;letter-spacing: -0.011em;
		position: relative;
		/*left: -0.0625rem;*/
		left: -0.08rem;
		font-variation-settings: "wght" 750, "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;
	}
	.ti_about {
		font-size: 6rem;letter-spacing: -0.022em;
		font-variation-settings: "wght" 350, "opsz" 32;
		
		position: relative;
		left: 0;
		
		display: inline-flex;
		align-items: center;
	}
	.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: var(--case-auto);
			/*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: var(--case-auto);
			/*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;
		}
/*ul/ol*/
	ul {
		left: 0!important;/*Pdesc系の微調整をキャンセル*/
		list-style: none;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		padding-inline-start: 0rem;
	}
	ul ul {
		padding-inline-start: 1.5rem;
	}
	ul li::before {
		font-feature-settings: var(--case-on);
		content: "• ";
	}
	ul ul li::before {
		content: "◦ ";
	}
	ul ul ul li::before {
		content: "▪ ";
	}
	ol {
		left: 0!important;/*Pdesc系の微調整をキャンセル*/
		list-style: none;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		padding-inline-start: 0rem;
		counter-reset: item;
	}
	ol li {
		padding-inline-start: 1.5rem;
		counter-increment: item;
	}
	ol li::before {
		content: counter(item) ".";
		position: absolute;
		left: 0;
	}
/*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: monospace;
		font-size: 0.6875rem;
		line-height: 1;
		white-space: pre-wrap;
		/*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: sticky;
		bottom: 0.5rem;/*画面上のstickyの位置*/
		
		text-align: right;
	}
	.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));
	}
	.yt-sqr-half {
		transform: scale(calc(396/640));
		transform-origin: 0 0;
		width: 396px;
		height: 396px;
	}

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;
}
details:hover {
	/*クリックするとこのなぜかこの色が残ってしまう*/
	/*outline: 0.0625rem solid var(--2);*/
}

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;
}
summary:hover {
	background-color: var(--2); /* 背景色 */
}

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;
}

.my_name {
	font-size: 1.5rem;
	font-variation-settings: "wght" 400, "opsz" 32;
}
.my_role {
	font-size: 0.75rem;
	font-variation-settings: "wght" 400, "opsz" 32;
}
.my_desc {
	font-size: 0.5625rem;
	font-variation-settings: "wght" 400, "opsz" 14;
}
.is_quote {
	display: inline-block;
	text-align: left;
	/*max-width: 17rem;*//*800px/3*/
	max-width: 14rem;
	
/*	border: 0.0625rem dashed var(--1);
	border-radius: 0.25rem;
	padding: 0.5rem;*/
	
/*	background: var(--1);
	border: 0.0625rem solid var(--3);
	box-shadow: 2px 2px var(--3);
	border-radius: 0.25rem;
	padding: 0.5rem;*/
	
/*	border: 0.0625rem solid var(--3);
	box-shadow: 3px 3px var(--3);
	padding: 0.5rem;*/
	
/*	background: var(--1);
	border-left: 0.125rem solid var(--2);
	padding: 0.5rem;*/
	
	border-left: 0.125rem solid var(--1);
	/*padding: 0 0.5rem;*/
	/*padding: 0 0 0 0.5rem;*/
	padding: 0 0 0 0.375rem;
	
	font-style: italic;
}
.is_quote:before {content: "“";}
.is_quote:after  {content: "”";}
.is_list {
	/*color: var(--2);*/
	display: inline-grid;
	grid-template-columns: auto auto;
	text-align: left;
	vertical-align: top;
	gap: 0 6px;
}

.weare {
	/*box-shadow: 0 0 2px var(--1);*/
	/*box-shadow: 0 0 8px var(--1);*/
	/*box-shadow: 0 0 64px var(--1);*/
	/*box-shadow: 0 0 80px var(--1);*/
	/*box-shadow: 4px 4px 8px var(--1);*/
	/*box-shadow: 2px 2px 6px rgb(from var(--1) r g b / 50%);*/
	
	/*box-shadow: 1.5px 1.5px 6px rgb(from var(--1) r g b / 50%);*/
	/*box-shadow: 1.5px 1.5px 6px rgb(from var(--1) r g b / 40%);*/
	box-shadow: 1.5px 1.5px 6px rgb(from var(--shadow) r g b / 50%);
	
	/*box-shadow: 0 0 8px rgb(from var(--1) r g b / 50%);*/
	/*box-shadow: 0 0 6px rgb(from var(--1) r g b / 40%);*/
	/*box-shadow: 0 0 1.5px rgb(from var(--1) r g b / 75%);*/
	
	/*box-shadow: 3px 3px 8px rgb(from var(--1) r g b / 50%);*/
	
	/*box-shadow: 0 4px 6px rgb(from var(--1) r g b / 40%);*/
	/*box-shadow: 0 3px 6px rgb(from var(--1) r g b / 40%);*/
	/*box-shadow: 2px 4px 6px rgb(from var(--1) r g b / 40%);*/
	
	/*border-radius: 99rem;*/
	
	/*border-radius: 1rem;*/
	/*border-radius: 0.75rem;*/
	/*border-radius: 0.6667rem;*/
	/*border-radius: 0.5rem;*/
	
	/*border-radius: 25%;*/
	/*border-radius: 20%;*/
	border-radius: 18.75%;
	/*border-radius: 12px;*/
	/*border-radius: 16.67%;*/
	/*border-radius: 15%;*/
	/*border-radius: 12.5%;*/
	
	/*outline: 1px solid rgb(from var(--1) r g b / 40%);*/
}

/*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);
		}*/