@charset "UTF-8";
/* === ひとことコメント  === */
/*   (c)2024 三宅龍太郎    */

	#FONT img {
		margin-bottom: .5em;
	}
	h3 {
		clear: none;
	}
	h3 + p {
		margin: 1em 2% 0;
	}
	#ERROR > h3 {
		color: #c33;
	}
	body > h4:first-of-type {
		display: none;
	}

	form {
		margin: 1em 0 0;
		padding: 0;
	}
	form dl {
		margin: 0;
	}
	form dt {
		display: none;
		font-weight: 700;
	}
	form fieldset {
		padding: 0;
		border: 0 none;
	}
	form legend {
		display: none;
	}
	form textarea {
		margin-top: .1875em;
		width: calc(100% - 3px);
		height: 10em;
	}
	form [type='submit'] {
		padding: 0 .5em;
		font-size: 1em;
		line-height: 1.8;
		border-radius: .3125em;
		float: none;
	}
	form [type='submit']:focus {
		color: inherit;
		background-color: #666;
	}
	#captcha {
		width: 10em;
		max-width: 100%;
	}
	.capt {
		margin: 0 .4em 0 0;
	}
	img.capt:not(.youtube):not(.image) {
		border-radius: 2px;
	}
	button {
		padding: .2em .4em;
	}

	.flex._tright {
		margin: 0;
		padding: 0;
	}
	.flex._tright li {
		margin: 3px;
		list-style: none;
		text-align: right;
	}

	h4 {
		margin-bottom: 0;
	}
	ul.graph {
		margin: 0;
		padding: 0 1em;
	}
	ul.graph li {
		text-align: start;
	}
	ul.graph li > ul {
		display: inline-flex;
		gap: .5em;
		padding: 0;
		list-style: none;
	}
	ul.graph img {
		display: none;
	}
	ul.comment {
		margin: 1em 0 1em 2%;
		padding: 0;
	}
	ul.comment > li {
		margin: 0 0 1em 0;
		padding: 0 .4em;
		list-style: none;
		border: double rgb(153, 153, 153);
		border-radius: 6px;
		/* background: linear-gradient(to left, #fff 0%, #e6e6fa 80%, #e6e6fa 100%); */
	}
	ul.comment p {
		margin: 0;
		padding: 0 0 0 2%;
	}
	ul.back._tright {
		list-style: none;
	}
	[accesskey='H']::after {
		content: '';
		display: none;
	}

	/* 著作権表示 */
	p[style]:last-of-type a[target]::after {
		content: '';
		display: none;
	}

@media (min-width: 480px) {

	body {
		padding-bottom: 1em;
	}

	#FONT img {
		margin-bottom: 0;
	}
	h3 + p {
		margin: 1em 2%;
	}
	h4 {
		margin-bottom: .5em;
	}
	form dl {
		/*
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 0 .5em;
		*/
		margin: 0 0 .2em 2%;
		padding: 0;
		width: 98%;
	}
	form :is(dt, dd, li) {
		margin: 0;
		padding: 0;
		text-align: start;
	}

	form textarea {
		height: 8em;
	}
	/* 文字数カウンタ */
	#INPUTLEN {
		float: left;
	}
	/* 文字数カウンタの float を有効にする */
	dl > dd:last-child::after {
		content: none;
	}

	ul.graph {
		margin: 0 0 0 2%;
	}
	ul.graph img {
		height: 10px;
		border-radius: 4px;
	}
	ul.graph img:not([width='1']) {
		display: inline-block;
		vertical-align: inherit;
	}
	ul.graph img[width='1'] {
		display: none;
	}

}

@media (prefers-color-scheme: dark) {

	img[src$='shiftjis.png'] {
		background: #fff;
	}

}