/*
	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%;	/**/
}

#response-menu-btn{
	display:none;
	margin:.4em 1em;
	height:2em;
}
#trust-logo{height:4.3em;}

/*パンくずリスト*/
#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;

	& a{
		text-decoration:none;
		color:blue;
	}
	& a:hover{text-decoration:underline;}
	& a.nor{text-decoration:underline;}
	& h1{
		line-height:1.1;
		margin-top:.3em;
		padding:.5rem;
		border:1px solid #C6D4EC;
		background:url("/Img/1x3_2053AE.png") left bottom repeat-x;
		font-size:1.3rem;
	}
	& h1 span{font-size:1rem;}
	& h2{
		padding-left:.5rem;
		background:url("/Img/1x2_2053AE.png") left bottom repeat-x;
	}
	& h3{
		margin-bottom:0;
		padding-left:.5rem;
	}
	& p + h2{margin-top:1.5em;}
	& p{margin:.5em 0 .5em 1em;}
	& ul.top0em{margin-top:0;}
}
#Quote-req {
	margin:-.5em 0 0 1em;
	border-collapse:collapse;

	& td{
		padding:.8em;
		border:1px solid black;

		& label + div,
		& input + div{
			margin-left:1.5em;
			font-size:.7rem;
		}
		& input{
			padding:.3em;
			border:solid 1px #888;
			border-radius:3px;
		}
		& input[type="email"]:invalid,
		& input[type="number"]:invalid{background-color:#ffd7de;}
		& input[type="number"]{
			width:5em;
			text-align:right;
		}
		& input[type="button"]{background-color:#afeeee;}
	}
	& td[colspan]{text-align:center;}
}
.warn {color:Orange;}

/*サイドメニュー - 非表示*/
#Secondary{display:none;}

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

/*
**	Responsible
*/
@media (max-width:995px){
	#trust-logo{height:3.8em;}
	#Primary{width:100%;}
	#Secondary{display:none;}
}