////html { font-size: calc(112.5% + 0.25vw) }
////html { font-size: calc(70% + 0.25vw) }
////h3 { font-size: 2em; }
html {
	font-size: 100%;

	// 600px以降から、100pxごとに1px大きくなる
	@media (min-width: 600px) {
		font-size: calc(112.5% + 4 * (100vw - 600px) / 400)
	}

	// 1,000px以上は、22pxに
	@media (min-width: 1000px) {
		font-size: calc(137.5%)
	}
}
.navbar {
	--background-color: #009933;
	background-color: #006e44;
}
//
//h4 {
//  color: #364e96;/*文字色*/
//  padding: 0.2em 0;/*上下の余白*/
//  border-top: solid 3px #364e96;/*上線*/
//  border-bottom: solid 3px #364e96;/*下線*/
//}
//
//.henkoEventLink {
//	color:#0000ff;
//	text-decoration: underline;
//	cursor: pointer;
//}

//.table thead tr th {
//	text-align:center;
//	vertical-align:middle;
//}
//
//
//.sticky_table thead th {
//	/* 縦スクロール時に固定する */
//	position: -webkit-sticky;
//	position: sticky;
//	top: 0;
//	/* tbody内のセルより手前に表示する */
//	z-index: 1;
//}
//
//.sticky_table th:first-child {
//	/* 横スクロール時に固定する */
//	position: -webkit-sticky;
//	position: sticky;
//	left: 0;
//}
//
//.form-signin .checkbox {
//  font-weight: 400;
//}
//.form-signin .form-control {
//  position: relative;
//  box-sizing: border-box;
//  height: auto;
//  //padding: 10px;
//  //font-size: 16px;
//}
//.form-signin .form-control:focus {
//  z-index: 2;
//}
//.form-signin input[type="text"] {
//  margin-bottom: -1px;
//  border-bottom-right-radius: 0;
//  border-bottom-left-radius: 0;
//}
//.form-signin input[type="password"] {
//  margin-bottom: -1px;
//  border-top-left-radius: 0;
//  border-top-right-radius: 0;
//}
//
//.com-section {
//	margin: 20px 0;
//}
//
//@media print{
//.noprint {
// 	display: none;
//}
//}

.form-control::placeholder{
  color: #ccc;
}

table {
	border-collapse: collapse;
	border: solid 2px purple;
}
table th, table td {
	border: dashed 1px purple;
}
table th {
	background-color: thistle;
}
//div.message {
//	color: blue;
//	font-weight: bolder;
//}
//div.note {
//	color: red;
//}
//span.hissu {
//	color: red;
//}
////span.badge {
////	color: white;
////	fore-color: white;
////}
//div.collapse {
//	border: solid 0px;
//	padding: 3px 3px 3px 3px;
//}
//
//
//
//
input[type="checkbox"] {
	margin: 0 0.5em 0 0;
}
input[type="radio"] {
	margin: 0 0.5em 0 0;
}
i {
	margin: 0 0.5em 0 0.5em;
}
input.length_1 {
	width: 35px;
}
input.length_2 {
	width: 45px;
}
input.length_3 {
	width: 55px;
}
input.length_4 {
	width: 65px;
}
input.length_5 {
	width: 80px;
}
input.length_6 {
	width: 85px;
}
input.length_7 {
	width: 90px;
}
input.length_8 {
	width: 95px;
}
input.length_9 {
	width: 105px;
}
input.length_10 {
	width: 115px;
}
//.form-signin {
//	width: 100%;
//	max-width: 320px;
//	min-width: 320px;
//	margin: auto;
//}
.form-standard {
	width: 100%;
	max-width: 1000px;
	min-width: 350px;
	margin: auto;
}
div.container-fluid {
	margin: 0px 0px 10px 0px;
	//padding: 0em 0.5em 0.5em 0.5em;
	padding: 0em 0.1em 0em 0.1em;
}
div.row {
	//border-radius: 10px;
	//border: solid 1px purple;
	border: solid 1px #3a388c;
	margin: 1px 0px 1px 0px;
}
div.title {
	font-size: 1.8em;
	text-align: center;
	margin: 10px 0px 20px 0px;
}
div.label {
	//border-radius: 10px;
	//background-color: thistle;
	background-color: #3a388c;
	padding: 0.5em 0em 0.5em 0.5em;
	font-weight: bold;
	color: white;
	position: relative;
	//min-height: 35px;
	min-height: 2.3em;
}
div.label-sub {
	background-color: #D7EEFF;
	padding: 0.5em 0em 0.5em 0.5em;
	font-weight: bold;
	color: #3a388c;
	position: relative;
	min-height: 2.3em;
}
div.label-sub-label {
	margin: auto 5px 5px 10px;
	color: #3a388c;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 7px;
}
//span.label-vertical-top {
//	position: absolute;
//}
//span.label-vertical-center {
//	position: absolute;
//	top: 50%;
//	-webkit-transform: translateY(-50%);
//	-moz-transform: translateY(-50%);
//	-ms-transform: translateY(-50%);
//	-o-transform: translateY(-50%);
//	transform: translateY(-50%);
//}
div.input {
	padding: 1px;
}
div.noborder {
	border: 0px;
}
div.wrapper {
	display: flex;
}
div.alert {
	display: none;
	margin: 0px 0px 10px 0px;
	padding: 0.5em;
}
div.confirm {
	font-weight: bold;
}
div.tail-button {
	text-align: center;
	margin: 30px 0px 20px 0px;
}
//div.pledge {
//	position: relative;
//}
//div.shomei {
//	padding : 0;
//	margin: 0;
//}
//div.canvasframe {
//	border: solid 1px darkgray;
//}
//div.tail-shomei {
//	margin: 0.2em auto;
//	text-align: center;
//}
span.tail-button-space {
	margin: 1em;
}
span.badge-warning {
	color: white;
	margin: 0em 0em 0em 0.5em;
}
//span.siharai-opt {
//}
//button.btn-right {
//	display: block;
//	margin: 0 0 0 auto;
//}
img.sample {
	border: 3px darkgray solid;
	height: 10em;
	width: 7.5em;
	margin: 0em 0em 1em 1em;
}
img#imgShashin {
	border: 3px darkgray solid;
	height: 20em;
	width: 15em;
	margin: 2em 0em 0em 0em;
}
//img.pledge {
//	width: 100%;
//	height: 100%;
//	margin: 0 auto;
//	padding: 0;
//}
div.imgShashin {
	text-align: center;
	width: 20em;
}
//input.shoruicheck {
//	margin: 0 0 0 2em;
//}
button#btnShashin {
	margin: 1em 0 2em 0;
}
canvas {
	//border: solid 1px darkgray;
	border: none;
	width: 100%;
	height: 100%;
}
//canvas.shomei_y {
//	position: absolute;
//	top: 18.8%;
//	left: 68.0%;
//	width: 5%;
//	height: 5%;
//	border: none;
//}
//canvas.shomei_m {
//	position: absolute;
//	top: 18.8%;
//	left: 78.3%;
//	width: 5%;
//	height: 5%;
//	border: none;
//}
//canvas.shomei_d {
//	position: absolute;
//	top: 18.8%;
//	left: 86.7%;
//	width: 5%;
//	height: 5%;
//	border: none;
//}
//canvas.shomei_name {
//	position: absolute;
//	top: 81.3%;
//	left: 55.8%;
//	width: 36%;
//	height: 12%;
//	border: none;
//}
//div.nowrap {
//	white-space: nowrap;
//	margin: 0;
//	padding: 0;
//}
//
//div.pc {
////	display: block;
//}
//div.sp {
//	display: none;
//}
//@media only screen and (max-width: 750px) {
//	div.pc {
//		display: none;
//	}
//	div.sp {
//		display: block;
//	}
//}
//br.pc {
//	display: block;
//}
//br.sp {
//	display: none;
//}
//@media only screen and (max-width: 750px) {
//	br.pc {
//		display: none;
//	}
//	br.sp {
//		display: block;
//	}
//}
//@media print {
//	.screenonly {
//		display: none;
//	}
//}
//@media screen {
//	.printonly {
//		display: none;
//	}
//}
//div.yubin {
//	float: left;
//	width: calc(100% - 13em);
//}
//button.yubin {
//	width: 14.3em;
//}
//input#dlgShashin {
//	display: none;
//}
//div#kanryo_message {
//	display: none;
//}
//@media print {
//	div.shorui-print {
//		float: left;
//		width: calc(100% - 9.5em);
//	}
//}
//@media screen {
//div.shorui-print {
//	float: left;
//	width: calc(100% - 5em);
//}
//}
//@media print {
//	div.shorui-printonly {
//		float: left;
//		width: calc(100% - 9.5em);
//	}
//}
div.shorui-print {
	float: left;
	width: calc(100% - 5em);
}
button.shorui-print {
	display: block;
	margin: 0 0 0 auto;
	width: 5.5em;
}
div.js_error {
	text-align: center;
	color: red;
}
//div.countclear {
//	counter-reset: huga 10;
//}
//div.count {
//	counter-increment: huga -1;
//	content: "("counter(huga)") ";
//}
div.confirm-midasi {
	height: 1.8em;
	background-color: #3a388c;
	font-weight: bold;
	color: white;
}
div.confirm-title {
	min-height: 1.5em;
	background-color: #D7EEFF;
	font-weight: bold;
	color: #3a388c;
}
div.confirm-item {
	min-height: 1.5em;
	background-color: #EEEEEE;
}
div.confirm-item-label {
	margin: 0 15px 0 0;
	color: #3a388c;
	font-weight: bold;
	text-align: right;
	padding: 0;
}
div.listmgr-midasi {
	height: 1.8em;
	background-color: #3a388c;
	font-weight: bold;
	color: white;
}
div.listmgr-title {
	min-height: 1.5em;
	background-color: #D7EEFF;
	font-weight: bold;
	color: #3a388c;
}
div.listmgr-item {
	min-height: 1.5em;
	background-color: #EEEEEE;
	padding: 1px 1px 1px 3px;
}
//.checkbox-print-left {
//	margin: 0 0 0 2.40em;
//}
//.checkbox-print-right {
//	margin: 0 0 0 4.30em;
//}
div.font-size-sm {
	font-size: 80%;
}


div.msg-erea {
	height: 2.5em;
}
div.table-list {
	border: solid 1px black;
	display: grid;
	width: 100%;
	height: 100%;
	grid-template-rows: 1fr;
	grid-template-columns: 100%;
	grid-template-areas: "content";
}
div.table-scroll-host {
	grid-area: content;
	overflow: auto;	
}
table.list {
	border: solid 1px black;
	width: auto;
	min-width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
table.list td {
	height: 1.5em;
	border: solid 1px #3a388c;
	font-size: 1.0vw;
	background: #eee;
}
table.list tr:nth-child(odd) td {
	background: #fff;
}
table.list td, th {
	padding: 0;
	margin: 0;
}
table.list th {
	z-index: 0;
	position: sticky;
	top: 0;
	height: 100%;
	border: solid 1px #3a388c;
	font-size: clamp(1.0vw, 20px, 3.0vw);
	line-height: 1.0;
	text-align: center;
	background-color: #D7EEFF;
	color: #3a388c;
	background-clip: padding-box;
}
table.list input[type=text] {
	width: 100%;
	border: 0px;
	/*font-size: clamp(1rem, calc(100vw / 100), 5rem);*/
	font-size: 1.2rem;
}
table.list th.nofixed {
	position: static;
}
table.list th.fixed {
	position: sticky;
	z-index: 2;
}
table.list td.fixed {
	position: sticky;
	z-index: 1;
}

.show-pc {
	display: block;
}
.show-sp {
	display: none;
}
@media screen and (max-width: 59.9999375em) {
	.show-pc {
		display: none;
	}
	.show-sp {
		display: block;
	}
}

div.card_select {
	border: solid 1px darkgray;
	margin: 0 0 10px 0;
}
div.card_head {
	background-color: white;
	height: 70px;
	cursor: hand;
	cursor:pointer;
}
div.card_body {
	padding: 3px;
}
div.vertical_middle_base {
	height: 100%;
	position: relative;
}
div.vertical_middle {
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: absolute;
}
div.midashi1 {
	font-weight: 700;
	background-color: royalblue;
	color: white;
	padding: 0.5rem 1.5rem;
	margin-bottom: 1.0rem;
}
div.midashi2 {
	font-weight: 400;
	color: dodgerblue;
	padding: 0.3rem 1.5rem;
}
div.midashi3 {
	color: #17a2b8;
}

.header-logo-pc {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0 16px 20px 16px;
	position: relative;
}
.header-logo-pc img{
	margin: 0;
}
.header-logo-sp {
	display: none;
}
.header-logo-sp img{
	margin: 0;
}
.header-logo-pc .center, .header-logo-sp .center {
	text-align: center;
	margin: 0 auto;
}
@media screen and (max-width: 59.9999375em) {
	/*.header-logo-pc, .header-tab {*/
	.header-logo-pc {
		display: none;
	}
	.header-logo-sp {
		display: flex;
		flex-flow: row nowrap;
		padding: 8px 10px 6px;
		justify-content: space-between;
		align-items: center;
	}
}