/*
**	Syntax.css
**
** 2017.11.20
** 2025.5.12
** 2025.9.23	Open/Close追加
** 2025.10.7	Open/Close変更
*/

#primary{
	& h2 {margin-top:1.5em}
	& .a {display:none}
	& .C {text-align:center}
	& .L{text-align:left}
	& .R{text-align:right}
	& .T{vertical-align:top}
	& .m15{margin:1.5em 0}
	& .m20{margin:2em 0}
	& div.p p{
		margin:1em;
		padding:0;
	}

	/*Open/Close
	2025.9.23	Added
	2025.10.9	修正*/
	& .SeeAlso{
		margin-left:1em;

		& [OnClick]{
			cursor:pointer;
			& :is(img[src$="Collapse0.svg"],img[src$="Collapse1.svg"]){height:.83em;}
			& span.B{font-weight:bold;}
		}
		& [data-oc="o"] img[src$="1.svg"]{display:none;}
		& [data-oc="c"]{
			:is(& img[src$="0.svg"],& ~ .target){display:none;}
		}
		& .target{margin-left:1.3em;}
	}
}
pre{
	&.code{
		overflow:auto;
		margin:-1em 1em 0;
		padding:.5em;
		background-color:#FFC;
		border:1px solid #4264BF;
	}
	&.pdfRes{
		& .cmt{color:green;}
	}
	&.w200{width:180px}
}
.iB{display:inline-block}
div.pdfRes{
	overflow:auto;
	margin:0 1em;
	padding:.5em;
	border:1px solid #4264BF;
}
span.imgRes{	/*画像とファイル名表示用*/
	display:none;

	& span{
		cursor:pointer;
		color:#06C;
	}
}
span[class=scrl_ex]{	/*スクロール付き*/
	overflow:auto;
	max-width:80%; max-height:300px;
	padding:3px;
	border:1px solid #C6D4EC;
	& img{	/*スクロール付き*/
		border:1px solid blue;}
}
button.cnv{
	width:230px;height:50px;
	background:#fff url("/img/toImgCnvBtn2.png") no-repeat;
	border-style:none;
	border-radius:2px;
}
button.od{
	opacity:.6;
	cursor:not-allowed;
}
button.oe:active{
	background:#0ff url("/img/toImgCnvBtn2.png") no-repeat 0% 100%;
}
form.getThumb,form.toImg{line-height:2}

/*文書内リンク・他*/
#primary{
	& a[href^="#"]{text-decoration:none}
	& a{text-decoration:none}
	& a:hover,& a.uhv{text-decoration:underline}
}

/*Files*/
#primary{
	& .pdfRes + div{
		margin:0 1em 0 0;
		text-align:right;
	}
	& .pdfRes + div{
		& div{font-size:80%}
		& span{display:none;}
	}
}

/*PDF文書構造*/
#pdfFileStruct{
	width:200px;
	margin:5px 15px 5px 1em;
	border:1px solid #000;
	border-collapse:collapse;
	text-align:center;

	& td{
		padding:5px;
		border:1px solid #000;
	}
	& td a{display:block}
}

/*UL*/
#primary{
	& ul{list-style-image:url('/img/dot.png')}
	& li div{margin-bottom:.7em}
}

#primary{
/*B-Table*/
	& table{
		&.bTbl{
			border:1px solid #6CF;
			border-collapse:collapse;

			& caption{font-weight:bold;}
			& th{background-color:#6CF;}
			& td{
				padding:5px;border:1px solid #6CF;
				&.nw{white-space:nowrap;}
			}
			& > tbody > tr > td.AlignTop{vertical-align:top;}
			& ul{
				padding:0 0 0 1em;list-style:none none;
				& li{font-weight:normal;}
				& div{padding-left:.5em;}
			}
		}
		&.m1em{margin:1em 1em 0;}
		&.XmpProp{
			& > caption{
				caption-side:bottom;
				font-size:80%;
				font-weight:normal;
				text-align:right;
			}
			& > tbody > tr > td{
				vertical-align:top;
				&:first-Child{font-weight:bold;}
			}
		}
	}
/*Grid Table*/
	div.tbl-wrap{
		display:grid;
		grid-template-columns:max-content 15% 1fr;

		& div{
			&:nth-child(-n + 3){
				padding: .2em 0;
				background-color:#6CF;
				font-weight:bold;
				text-align:center;
			}
			&:nth-child(n + 4){
				padding: .3em .4em;
				border:1px solid #6CF;
				border-top-style:none;
				border-right-style:none;
				&:nth-child(3n + 3){
					border-right-style:solid;
				}
			}
		}
		&.m1em{margin-bottom:0;}
	}
	div.XmpProp div:nth-child(3n + 1){
		font-weight:bold;
	}
}