@charset "utf-8";
/* CSS Document */

.open-modal:hover,.modal-open-yoyaku:hover{cursor: pointer}
#modal {
	display: none;
	position: fixed;
	margin: auto;
	z-index: 99999;
}
.modal-container {
	position: relative;
	margin: auto;
	width: 100%;
	height: 100%;
	padding: 30px;
	color: #000;
}
.modal-background {
	position: fixed;
	width: 100%;
	height: 150%;
	top: -50px;
	left: 0px;
	background-color: #000;
	z-index: 99990;
	opacity: 0.5;
}
.modal-list {
	overflow: auto;
	width: 600px;
	height: 500px;
}
.modal-new {
	text-align: right;
	position: absolute;
	bottom: 130px;
	right: 90px;
}
.modal-ok {
	text-align: right;
	position: absolute;
	bottom: 90px;
	right: 160px;
}
.modal-cancel {
	text-align: center!important;
	position: absolute!important;
	top:20px;
	right: 20px;
	cursor: pointer
}
.modal-cancel:hover{cursor: pointer}
.modal-open{overflow:hidden;cursor:pointer}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:absolute;width: 90vw;margin: 0;left: 50%;top:50%;transform:translateX(-50%) translateY(-50%);/* max-height: 100vh; */max-width: 600px;max-height: 75vh;}
.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border-radius:4px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color: transparent;/* background-color:rgb(0 0 0 / 0.3); */}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.in{opacity:.5}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px;overflow: auto;max-height: 80vh;}
.modal-body article{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd}
.modal-body article .entry-header{padding: 10px;display: block;background-color: #f3f3f3;}
.modal-body article .entry-header h2{margin: 0;color: #e31;font-weight: bold;}
.modal-body article .entry-body{padding-bottom: 0;padding-left: 10px;padding-right: 10px;}
.modal-footer{text-align:right;}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-body-header{padding: 10px 0;margin-bottom: 10px}
.modal-body-header h2,.modal-body-header h3{margin: 0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

#loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 9998;
}
.spiner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 2em;
	color: #fff;
}