/*
**	/php/3-Heights_8/css/cmmn.css
**	=> "/3H/css/cmmn.css"
**	概要ページのためのCSS
**
** 2017.10.19
** 2025.5.23	Nesting
*/

hr{margin:0 1px;}
p{margin:0;padding:3px 0;}

.m1em{margin:1em 1em 2em 1em;}	/*Margin 1 Em*/
.clearFixL img{
	float:left;
	margin-right:1em;
}
.clearFixR img{
	float:right;
	width:50%;
	height:auto;
	margin-left:1em;
}
.clearFixL::after,.clearFixR::after {content:"";clear:both;display:table;}

#comImg{
	height:40px;
	background-size:calc(100% - 2px) 36px;
}
#primary{
	& ul{margin:0;padding:0;}
	& li{
		list-style:none;
		margin:0;
		padding-left:18px;
		background:url("/img/dot.png") no-repeat 6px 7px;

		& div{margin-bottom:1em;}
		& li{background-image:url("/img/dot1.png")}
	}
	& a.nor{
		color:black;
		text-decoration:none;
	}
	& pre.code {
		line-height:1.2;
		overflow:auto;
		margin:.5em .5em .5em 0;
		padding:.8em;
		border:1px solid #426FBF;
		background-color:#FFC;
		font-size:14px;
	}
	& .lightSample{
		margin:5px 8px 10px 0;
		padding:10px;
		border:1px solid Orange;
	}
	& table.code{
		margin-left:1em;

		& td{vertical-align:top;}
		& :is(table.wide-scrn,table.narrow-scrn){margin-left:1em;}
		& table.wide-scrn tr td:first-child{white-space:nowrap;}
		& tr td:first-child{white-space:nowrap;}
		& > tr td:first-child{
			padding-right:.8em;
			font-weight:bold;
		}
	}
}
/* Code */
#primary pre.code{
	& span{
		&.red{color:#A31515}
		&.green{color:#008000}
		&.blue{color:Blue}
		&.sky{color:#2B91AF}
	}
	& table.ext{
		border-collapse:collapse;

		& th{background-color:#6CF;}
		& td{border:1px solid #6CF;}
	}
}
#fol {
	margin:5px 0 1em 1em;
	border:1px solid #426FBF;
}
#ref {
	width:75%;
	margin:3px 0;
}

/*
**	Media Queries
*/

.narrow-scrn{display:block}
.wide-scrn{display:none}
.medium-scrn{display:none}

/* 450px Screen */
@media only screen and (min-width:450px){
	.narrow-scrn{display:none}
	.wide-scrn{display:block}
}

/* Medium Screen */
@media only screen and (min-width:600px){
	.medium-scrn{display:block}
}