body			{ background-image: url("/img/back.png"); }
/* .table thead th	{ background-image: url("/img/back-th.png") !important; } */
/* .th-backimg		{ background-image: url("/img/back-th.png") !important; } */
.card-backimg	{ background-image: url("/img/back-card.png") !important; }
.table thead th	{ background-image: url("/img/back-table.png") !important; }
.th-backimg		{ background-color: #FFFFE0 !important; }
.breadcrumb		{ background-image: url("/img/back-bread.png") !important; }
/* .card-backimg	{ background-color: #FFFFE0 !important; } */

@media (max-width:567px) {
	.carousel-caption {
		left:				25% !important;
	}
}
@media (max-width: 768px) {
	#map {
		top: 				70px !important;
	}
	#datacanvas {
		width:				100% !important;
	}
}
@media (max-width: 993px) {
}

@media (min-width: 769px) {
	.title_l {
		/*background-image:	url("/img/back_title_l.jpg");*/
                background-image:	url("/img/back_title_yamanashi_L.jpg");
		background-size:	cover;
		background-repeat:	no-repeat;
		background-color:	#000000;
		filter:				blur(1px);
		height:				100%;
		width:				30%;
	}
	.title_r {
		/*background-image:	url("/img/back_title_r.jpg");*/
                background-image:	url("/img/back_title_yamanashi_R.jpg");
		background-size:	cover;
		background-repeat:	no-repeat;
		background-color:	#000000;
		filter:				blur(1px);
		height:				100%;
		width:				30%;
	}
	.title {
		width:				35%;
		height:				100%;
	}
	.row-md {
		max-width:			700px !important;
	}
	.drag-drop-area {
		min-height:		100px;
	}
}
@media (min-width: 994px) {
	.row-lg {
		max-width:			930px !important;
	}
	#datacanvas {
		width:				567px !important;
	}
}
@media (min-width: 1200px) {
	.row-xl {
		max-width:			1140px !important;
	}
	#datacanvas {
		width:				768px !important;
	}
}
@media (min-width: 1600px) {
	.row-xxl {
		max-width:			1540px !important;
	}
}

.row-fluid {
	width:				100% !important;
}

html {
	height:				100%;
}
body {
	height:				100%;
	overflow-y:			scroll;
}
main {
	margin-top:			20px;
}
.container-fluid {
	margin-right:		0 !important;
	margin-left:		0 !important;
}

.title			{ padding:			25px; }
.btn_top_space	{ margin-top:		60px; }
.w1p			{ width:			1% !important; }
.alert ul		{ margin:			0; }
.footer_space	{
	margin-top:						50px !important;
	padding-top:					50px !important;
}
.modal-footer .text-start {
	display: flex;
	justify-content: flex-start !important;
	text-align:						left !important;
}

.nallow1		{ letter-spacing:	-1px; }
.nallow2		{ letter-spacing:	-2px; }
.bi-txt			{ margin-right:		5px; }
.text-bold		{ font-weight:		700 !important; }
.form-group		{ margin-bottom:	1rem; }
.control-label	{ margin-bottom:	0.3rem; }
.fs-small		{ font-size:		0.8rem !important; }

.tooltip {
	white-space:		nowrap;
}
.tooltip-inner {
	max-width:			400px;
}
.dropdown-item.active,
.dropdown-item.active .bi,
.dropdown-item:active,
.dropdown-item:active .bi,
.dropdown-item:hover,
.dropdown-item:hover .bi {
	background-color:	#e9ecef !important;
}

.page-item.active .page-link {
	font-weight:		600; !important;
	color:				#FFFFFF !important;
	background-color:	#28A745 !important;
	border-color:		#D8EF5A !important;
}

.is-invalid ~ .invalid-tooltip { display: none !important; }
.was-validated .form-control:invalid, .form-control.is-invalid {
	padding-right:		calc(0.75rem);
	background-image:	none !important; 
}
.breadcrumb {
	border:				1px solid #FFE7E7;
	border-radius:		5px;
	padding-left:		0.5rem !important;
}
.breadcrumb-item {
	font-size:			1.2rem !important;
	padding-left:		0.5rem !important;
	padding-right:		0.5rem !important;
}
.breadcrumb-divider {
	color:				#FFFFFF !important;
	font-size:			2.3rem !important;
	font-weight:		1000 !important;
	margin-top:			-15px !important;
	margin-bottom:		-15px !important;
	padding-top:		0 !important;
	padding-bottom:		0 !important;

}
.breadcrumb-item.active {
	font-weight:		600;
	color:				#000000 !important;
}
.breadcrumb-item a {
	color:				#910101;
	text-decoration:	none;
	font-weight:		700 !important;
}

.accordion-button {
	padding-top:		0.5rem !important;
	padding-bottom:		0.5rem !important;
}

table.table-white {
	background-color:	#FFFFFF !important;
	border:				1px solid #adb5bd !important;
}
table tbody {
	border-top:			none !important;
}

table th a {
	font-weight:		700 !important;
}

.test {
	border:				1px solid #adb5bd !important;
	border-radius:		5px;
	padding:			10px;
}

main a {
	/*color:				#157347 !important;*/
	text-decoration:	none !important;
}
main a:hover,
main a:forcus,
main a:active {
	/* color:				#0d503c !important; */
	text-decoration:	underline dotted !important;
}

label.control-label {
	font-weight:		700 !important;
}
label.control-label_repo {
	font-weight:		700 !important;
	text-decoration:underline;
	text-decoration-thickness: 1.1px;	
}
th.control-label_repo {
	text-decoration:underline;
	text-decoration-thickness: 1.1px;
	
}
.btn-light {
	background-color:	#FFFFFF;
}
.bg_thema {
	color:				#FFFFFF;
	background-color:	#d8ef5a !important;
	background-image:	none !important; 
}

.modal button.close:hover {
	background-color:	#19692c !important;
}
.carousel-control-prev,
.carousel-control-next {
	width:				40px !important; 
}
.btn-outline-secondary {
 	background-color:	#FFFFFF !important;
}
.btn-outline-secondary:hover {
	color:				#FFFFFF !important;
 	background-color:	#6c757d !important;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
	color:				#FFFFFF !important;
 	background-color:	#6c757d !important;
}
.btn-outline-success {
 	background-color:	#FFFFFF !important;
}
.btn-outline-success:hover {
 	background-color:	#218838 !important;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
	color:				#FFFFFF !important;
 	background-color:	#218838 !important;
}
.page-link:focus,
.form-control:focus,
.form-control-file:hover,
.form-control-file:focus,
.form-control-file button:hover,
.form-control-file button:focus,
.custom-control-input:focus ~ .custom-control-label::before {
	border-color:		#218838 !important;
	box-shadow:			0 0 0 0.1rem rgba(40, 167, 69, 0.5) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
	border-color:		#218838 !important;
	background-color:	#218838 !important;
}
.close {
	color:				#FFFFFF !important;
	opacity:			0.65 !important;
}
.close:hover {
	color:				#FFFFFF !important;
	opacity:			1 !important;
}

.btn-td {
	margin-top:			-2px !important;
	padding:			0 !important;
	vertical-align: 	top;
}
.btn-td:hover {
	color:				#0a58ca !important;
}

#main_menu {
	color:				#000000;
	padding:			5px 10px; 5px 10px;
}
#main_menu:hover,
#main_menu:focus {
	color:				#28A745;
}

.badge-require {
	color:				#DC3545;
	font-weight:		600;
	background-color:	#FFFFFF;
	border:				1px solid #DC3545;
	margin-left:		5px;
}
.badge-pill {
	padding-right:		0.6em;
	padding-left:		0.6em;
	border-radius: 		10rem;
}
.badge-success {
	color:				#fff;
	background-color:	#28A745;
}

.card-backimg {
	color:			#000000 !important;
	font-weight:	600 !important;
	font-size:		1.2rem;
}

.carousel-space {
	padding:		20px 40px 80px 40px !important;
}

.btn-outline-secondary .bi {
	color:			#00CC66 !important;
}
.btn-outline-secondary:hover .bi {
 	color:			#FFFFFF !important;
}
.btn-outline-secondary:focus .bi,
.btn-outline-secondary.focus .bi {
 	color:			#FFFFFF !important;
}
.btn-outline-success:hover .text-dark {
	color:			#FFFFFF !important;
}
.btn-outline-secondary:focus .text-dark,
.btn-outline-secondary.focus .text-dark {
 	color:			#FFFFFF !important;
}
.btn-outline-success:hover .text-dark {
	color:			#FFFFFF !important;
}
.btn-outline-success:focus .text-dark,
.btn-outline-success.focus .text-dark {
 	color:			#FFFFFF !important;
}

.topic-item {
	padding:		10px 20px 10px 20px;
}
#page-top {
	z-index:		0;
	position:		fixed;
	bottom:			20px;
	right:			20px;
}

.thum_block {
	max-height:		400px;
	overflow-y:		auto;
}
.thum_block img {
	border:			1px solid #ced4da;
	margin-bottom:	5px;
}

#map_form_blank1 {
	margin-left:	120px;
}
#map_form_blank2 {
	margin-left:	150px;
}
.map_form {
	z-index:		500;
}

#map {
	position:		absolute;
	left:			0px;
	top:			130px;
	width:			100% !important;
	z-index:		1;
}

#data_frame {
	width:			100% !important;
	z-index:		1;
}

.edit_map_check {
	position:		absolute;
	left:			15px;
	top:			100px;
	z-index:		500;
}

#edit_map_open {
	position:		absolute;
	top:			9px !important;
	right:			15px !important;
	z-index:		500;
}

#edit_frame {
	position:		absolute;
	left:			0px;
	width:			100% !important;
}

#data_frame {
	position:		absolute;
	left:			0px;
	width:			100% !important;
}

.offcanvas-header {
	padding:		6px 16px 6px 16px !important;
}

.offcanvas-body {
	padding:		0 !important;
	margin:			0 !important;
}

#data_list_table thead tr th,
#data_list_table tbody tr td {
	padding-top:	10px !important;
	padding-bottom:	10px !important;
}

.tantou_select {
	height:			40px;
}
.tantou_list {
	height:			250px;
	overflow-y:		auto;
}

.drag-drop-area {
	height:			100%;
	border:			2px dashed #bbb;
	border-radius:	7px;
	margin-bottom:	10px;
}

.map-control {
	background-color:	#ffffff;
	border:				2px solid #ffffff;
	border-radius:		3px;
	box-shadow:			0 2px 6px rgba(0,0,0,.3);
	margin:				5px 12px 5px 12px;
	cursor:				pointer;
	text-align:			center;
	padding:			4px;
}

.map-control img {
	height:				24px;
	width:				24px;
}

#req_label, #conf_label {
  text-decoration-color: #969faf !important;
}

/*** 微調整 ***/
.w-1	{ width:			1% !important; }
.w-100	{ width:			100% !important; }
.w-10	{ width:			10% !important; }
.w-15	{ width:			15% !important; }
.w-20	{ width:			20% !important; }
.w-30	{ width:			30% !important; }
.w-40	{ width:			40% !important; }

.mgnT-5	{ margin-top:		-5px !important; }
.mgnT-10{ margin-top:		-10px !important; }
.mgnT-20{ margin-top:		-20px !important; }
.mgnT-50{ margin-top:		-50px !important; }

.mgnB-5	{ margin-bottom:	-5px !important; }
.mgnB-10{ margin-bottom:	-10px !important; }
.mgnB-20{ margin-bottom:	-20px !important; }

.mgnL-5	{ margin-left:		-5px !important; }
.mgnL-10{ margin-left:		-10px !important; }
.mgnL-20{ margin-left:		-20px !important; }

.mgnL0	{ margin-left:		0px !important; }
.mgnL3	{ margin-left:		3px !important; }
.mgnL5	{ margin-left:		5px !important; }
.mgnL10	{ margin-left:		10px !important; }
.mgnL15	{ margin-left:		15px !important; }
.mgnL20	{ margin-left:		20px !important; }
.mgnL30	{ margin-left:		30px !important; }
.mgnL40	{ margin-left:		40px !important; }
.mgnL50	{ margin-left:		50px !important; }

.mgnR0	{ margin-right:		0px !important; }
.mgnR3	{ margin-right:		3px !important; }
.mgnR5	{ margin-right:		5px !important; }
.mgnR10	{ margin-right:		10px !important; }
.mgnR15	{ margin-right:		15px !important; }
.mgnR20	{ margin-right:		20px !important; }
.mgnR30	{ margin-right:		30px !important; }
.mgnR40	{ margin-right:		40px !important; }
.mgnR50	{ margin-right:		50px !important; }

.mgnT0	{ margin-top:		0px !important; }
.mgnT3	{ margin-top:		3px !important; }
.mgnT5	{ margin-top:		5px !important; }
.mgnT10	{ margin-top:		10px !important; }
.mgnT15	{ margin-top:		15px !important; }
.mgnT20	{ margin-top:		20px !important; }
.mgnT25	{ margin-top:		25px !important; }
.mgnT30	{ margin-top:		30px !important; }

.mgnB0	{ margin-bottom:	0px !important; }
.mgn35	{ margin-bottom:	3px !important; }
.mgnB5	{ margin-bottom:	5px !important; }
.mgnB10	{ margin-bottom:	10px !important; }
.mgnB20	{ margin-bottom:	20px !important; }
.mgnB30	{ margin-bottom:	30px !important; }

.pdgL0	{ padding-left:		0px !important; }
.pdgL3	{ padding-left:		3px !important; }
.pdgL5	{ padding-left:		5px !important; }
.pdgL10 { padding-left:		10px !important; }
.pdgL15 { padding-left:		15px !important; }
.pdgL20 { padding-left:		20px !important; }

.pdgR0	{ padding-right:	0px !important; }
.pdgR3	{ padding-right:	3px !important; }
.pdgR5	{ padding-right:	5px !important; }
.pdgR10	{ padding-right:	10px !important; }
.pdgR15	{ padding-right:	15px !important; }
.pdgR20	{ padding-right:	20px !important; }

.pdgT0	{ padding-top:		0px !important; }
.pdgT3	{ padding-top:		3px !important; }
.pdgT5	{ padding-top:		5px !important; }
.pdgT10	{ padding-top:		10px !important; }
.pdgT15	{ padding-top:		15px !important; }
.pdgT20	{ padding-top:		20px !important; }

.pdgB0	{ padding-bottom:	0px !important; }
.pdgB3	{ padding-bottom:	3px !important; }
.pdgB5	{ padding-bottom:	5px !important; }
.pdgB10	{ padding-bottom:	10px !important; }
.pdgB15	{ padding-bottom:	15px !important; }
.pdgB20	{ padding-bottom:	20px !important; }

/*** jquery-ui カスタマイズ ***/
.ui-datepicker {
	z-index:		10010 !important;
	box-shadow:		2px 2px 2px rgba(0,0,0,0.075);
}
.ui-datepicker .ui-datepicker-header {
	background-image:	url("/img/back-table.png") !important;
}
.ui-datepicker-calendar tr td .ui-state-default {
	background-color:	#FFFFFF;
}
.ui-datepicker-calendar tr td .ui-state-highlight {
	background-color:	#d8ef5a;
}
.ui-datepicker-calendar tr td .ui-state-active {
	color:				#FFFFFF !important;
	background-color:	#218838 !important;
}
.ui-datepicker-calendar tr td.ui-datepicker-week-end a {
	color:	#ff0000;
	background:	none;
	background-color:	#FFCCCC;
}
.ui-datepicker-calendar tr td:last-child a {
	color:				#0000ff;
	background-color:	#CCCCFF;
	background:			none;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker-calendar tr td .ui-state-hover {
	color:				#FFFFFF !important;
	background-color:	#6c757d !important; 
}
.ui-datepicker-current:hover,
.ui-datepicker-close:hover {
	color:				#FFFFFF !important;
	background-color:	#6c757d !important; 
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	top:				10px !important;
}
.ui-autocomplete { 
	z-index:			10010 !important;
	max-height:			200px;
	overflow-y:			auto;
	overflow-x:			hidden;
}
.ui-autocomplete .ui-state-active {
	border: 			1px solid #dee2e6 !important;
	color:				#000000 !important;
	background-color:	#e9ecef !important;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin:				0;
}
.ui-sortable {
	cursor:				grab;
}
.ui-sortable-helper {
	cursor:				grabbing;
}

.pricelist-backimg {
	color:			#000000 !important;
	font-weight:	600 !important;
	font-size:		1.2rem;
	background-color: transparent !important;
	width: 200px;
}
.pricelist_table thead tr th,
.pricelist_table tbody tr td, 
.rate_table thead tr th,
.rate_table tbody tr td{
	padding-top:	5px !important;
	padding-bottom:	5px !important;
	border: 1px solid #adb5bd;
}

.tooltip.tooltip-no-click {
	pointer-events: none !important;
}