@charset "UTF-8";

/* === ブラウザ情報について (Nifty)  === */
/* 三宅龍太郎 2017 */

	[id^='TABLE'] {
		margin: 0 auto 2.0em;
		padding: 0;
		width: 95%;
		/* border-collapse: collapse; */
		border-collapse: separate;
		border-spacing: 0;
		border: .125em solid #999;
		border-radius: .25em;
		overflow: hidden;
	}
	[id^='TABLE'] caption {
		text-align: center;
	}
	[id^='TABLE'] .COL1 {
		width: 3em;
	}
	[id^='TABLE'] .COL2 {
		color: #333;
		background-color: #cef;
	}
	[id^='TABLE'] :where(th, td) {
		border: .0625em solid #ccc;
		padding: .125em .5em;
	}
	[id^='TABLE'] th {
		color: #fff;
		background-color: #369;
	}
	[id^='TABLE'] td {
		word-break: break-all;
	}
	[id^='TABLE'] thead th {
		text-align: center;
	}
	[id^='TABLE'] tbody th {
		text-align: right;
	}
	[id^='TABLE'] tfoot td {
		color: #000;
		background-color: #fff;
	}

	#ENVPL {
		width: 98%;
		height: 60em;
		border: 0 none;
	}
	#ENVSSI, #ENVPHP {
		width: 98%;
		height: calc(40em + 22px);
		border: 0 none;
	}

	#FURIWAKE {
		margin: 0 0 1.0em;
	}
	#FURIWAKE dl {
		margin: 0;
		padding: .4em .8em;
		border: .3125em double #bbb;
		border-radius: .5em;
	}
	#FURIWAKE dl dt:first-of-type {
		margin-top: 0;
	}
	#FURIWAKE p {
		margin: 0;
	}

@media (min-width: 480px) {

	h4 {
		margin: .2em 1.0em 0 0;
		padding: 0 .5em 0 32px;
		width: auto;
		height: 1.8em;
		float: left;
		line-height: 1.5;
		color: #488;
		background: url('../../../../image/wall/li_cr_b.gif') no-repeat 0 100%;
	}
	h4:nth-of-type(4) + p + dl > dt:first-of-type {
		background: url('../../../../image/banner/web_kuri.png') no-repeat 100% 100%;
	}
	h5::before {
		content: url('../../../../image/wall/s_crayon_b.png');
		margin: 0 .3em 0 .5em;
		padding: 0;
		vertical-align: -5%;
		/* transform: scale(-1, 1); */	/* 左右反轉 */
	}
	ul {
		margin: 0 0 1.0em;
	}

}

@media (min-width: 480px) and (prefers-color-scheme: dark) {

	h4 {
		color: #b0e0e6;
	}
	[id^='TABLE'] .COL2 {
		color: CanvasText;
		background-color: #191970;
	}

}