/*
	for Pdftools SDK Quote page
*/

:root{
/*	--Primary-width:100%;	/*さらにSecondayのdisplayをnoneとすると、Primaryだけが表示される*/
/*	--Seconday-dispaly:none;/**/
	--Primary-width:75%;	/*さらにSecondayのdisplayをautoにすると、横並びで表示される*/
	--Seconday-dispaly:auto;/**/
	--Seconday-width:25%;
}

html{scroll-behavior:smooth;}
body{}

#response-menu-btn{
	display:none;
	margin:.4em 1em;
	height:2em;
}
#trust-logo{height:4.3em;}
:is(#ContactW,#ContactN){
	margin-top:-.3em;
	margin-bottom:.5em;
	padding-left:1em;
	& > span:last-child{margin-left:1em;}
}
#ContactN{display:none;}

/*パンくずリスト*/
#Breadcrumbs{
	margin-bottom:.5rem;
	padding-left:1em;
	border:1px #9abcf6;
	border-style:groove none;
	background-color:#e0e8f6;
	font-size:.6rem;
	& a{
		text-decoration:none;
		color:black;
	}
	& a:hover{ text-decoration:underline; }
}

/*Contents*/
#Contents{
	font-size:.8rem;
	& .m1em{ margin-left:1em; }
}

/*本文*/
#Primary{
	width:calc(var(--Primary-width) - .5em);
	padding-left:.5em;
	float:right;

	& .Info{
		margin:1em .5em .5em .5em;
		padding-left:.5em;
		border-width:1px 1px 1px 3px;
		border-style:solid;
		border-color:#888;
		border-radius:5px;
	}
	& .Formats{
		margin:.5em;
		border-collapse:collapse;
	}
	& .Formats caption{text-align:left;}
	& .Formats th,
	& .Formats td{
		padding:.6em;
		border:1px solid #ccc;
	}
	& .Formats th{background-color:#eee}
}

/*情報枠*/
#Primary div.W{
	margin:1em .5em;
	padding:1em 1.5em;
	border-width:0 0 0 5px;
	border-style:solid;
	border-radius:5px;
	filter:drop-shadow(lightgray 1px 2px 1px);

	& > div{margin-bottom:.5em;}
	& > div img{
		position:relative;
		bottom:-5px;
	}
}
#Primary div{
	&.NOTE{
		border-color: #7d7d7d;
		background-color:#fafafa;
	}
	&.TIP{
		border-color: #0ebc76;
		background-color:#e6f6e6;
	}
	&.INFO{/*Infoは上で定義されている*/
		border-color: #4cacf5;
		background-color:#eef9fd;

		& img{
			position:relative;
			bottom:-7px;
		}
	}
}

#Primary{
	& a{
		text-decoration:none;
		color:blue;
	}
	& a:hover{text-decoration:underline;}
	& a.nor{text-decoration:underline;}
	& h1{
		line-height:1.1;
		margin-top:0;
		padding:.5rem;
		border:1px solid #C6D4EC;
		background:url("/Img/1x3_2053AE.png") left bottom repeat-x;
		font-size:1.3rem;

		& span{font-size:1rem;}
		& + h2{
			margin-top:0;
			padding-bottom:.5rem;
			border:1px solid #C6D4EC;
			border-top:none;
			background:url("/Img/1x3_2053AE.png") left bottom repeat-x;

			& + div img{height:150px;}
		}
	}
	& h1:has(+ h2){
		margin-bottom:0;
		padding-bottom:1rem;
		border-bottom:none;
		background:none;
	}
	& h2{
		padding-left:.5rem;
		background:url("/Img/1x2_2053AE.png") left bottom repeat-x;
	}
	& h3{
		margin-bottom:0;
		padding-left:.5rem;
	}
	& p{
		margin:.5em 0 .5em 1em;

		& + h2{margin-top:1.5em;}
		&.quote{
			padding-top:.8em;
			font-size:130%;
			font-weight:bold;
		}
		&.quote > a{text-decoration:underline;}
	}
	& ul.Api-ref li + li{margin-top:.5em;}
	& ul.top0em{margin-top:0;}
	& code{
		margin:0 .1em;
		padding:.05em .3em;
		border:#dddedf 1px solid;
		border-radius:.4em;
		background:#f6f7f8;
		font-family:courier,monospace;
	}
	& ul:has(code) li:not(:first-child){margin-top:.3em;}
}

/*for Google Code Prettfy*/
.prettyprint{
	line-height:1.2;
	overflow-x:auto;
	padding:1.5em .2em;
	border-radius:20px;
}
li.L1, li.L3, li.L5, li.L7, li.L9{background:#000;}

/*サイドメニュー*/
#Secondary{
	display:var(--Seconday-dispaly);
	width:calc(var(--Seconday-width) - 1.5em);
	margin-left:.5em;
	padding:.5em .5em 1em .5em;
	float:left;
	background-color:#eee;

	& div:first-child{
		display:none;
		text-align:right;
	}
	& div:first-child button{
		padding:.3em .6em;
		border-style:none;
		background-color:white;
		border-radius:.3em;
		cursor:pointer;
	}
	& a{
		text-decoration:none;
		color:black;
	}
	& a:hover{text-decoration:underline;}
	& ul{margin:0;}
	& li{list-style-type:"> ";}
	& li:hover{list-style-type:">> ";}
}

/*Footer*/
#Footer{
	margin:.5rem 0;
	border-top:#ddd 2px groove;
	text-align:center;
	font-size:.6rem;
}

/*
**	Responsible
*/
@media (max-width:995px){
	#response-menu-btn{
		display:inline-block;
		margin:.4em 1em;
		height:2em;
	}
	#trust-logo{height:3.8em;}
	#Primary{width:100%;}
	#Secondary{display:none;}
	#ContactW{display:none;}
	#ContactN{
		display:block;
		margin-left:1em;
		& a:any-link{text-decoration:none;}
		& a{white-space:nowrap;}
		& a:first-child{margin-right:1em;}
	}
}