@charset "UTF-8";
/* CSS Document */
#input-window{
	position:absolute;
/*	position:fixed;*/
	top:-53px;
	left:26%; 
	width:600px;
/*	height:400px;*/
	background:#fff;
	padding:20px;
	    -webkit-box-shadow: 1px 1px 1px #fff;
		   -moz-box-shadow: 1px 1px 1px #fff;
		   box-shadow: 0px 8px 20px -1px rgba(0, 0, 0, 0.4);
		   display:none;
		   z-index:999;
}
#input-window hr {
height: 1px;
background-color: #eee;
border: none;
color: #eee;
}
#input-window .date{
	font-size:14px;
	text-align:center;
	margin-bottom:5px;
}
#input-window h3{
	font-size:14px;
	margin-bottom:5px;
}
/*#input-window div,
#input-window div.nicEdit-main{

}*/

#input-window textarea#body{
	width:600px;
	height:100px;
	margin:10px auto;
}
/*#event #input-window .img-file-input{
	height:20px;
}*/
#input-window textarea#title{
		width:600px;
	height:30px;
	margin:10px auto;
	}
#input-window .file-upload{
	width:125px;
	padding:2px 10px;
}
#input-window .cancel,
#input-window .cal-delete,
#input-window .cal-update,
#input-window .cal-regist{
	padding:6px;
	color:#fff;
	width:50px;
	text-align:center;
/*	display:inline-block;*/
	cursor:pointer;
	margin-right:10px;
	 border-radius: 5px;
}
#input-window .cal-regist{
	background:#93C9F1;
	 display:none;
}
#input-window .cal-update{
	background:#93C9F1;
	 display:none;
}
#input-window .cal-delete{
	background:#EC7A2B;
	 display:none;
	 margin-left:370px;
}
#input-window .cancel{
	background:#000;
	display: inline-block;
}
#buttons{
	padding:20Px 0 0 0;
}
#img-preview{
	width:206px;
	height:auto;
	border:none;
	display:block;
	position:absolute;
	top:19px;
	left:-215px;
	box-shadow: 0px 8px 20px -1px rgba(0, 0, 0, 0.4);
}
#img-delete{
	color:#CB1518;
	position:absolute;
	top:21px;
	right:14px;
	border-radius: 6px;
	border:1px solid #ccc;
	font-size:11px;
	padding:1px 6px;
	cursor:pointer;
}
.create-window,
.update-window{
		padding:6px;
	color:#fff;
	 border-radius: 5px;
	 margin-right:20px;
	  display:none;
}
.create-window{
	background:#93C9F1;
}
.update-window{
	background:#EC7A2B;
}
/*-----------フロント-------------------*/
#page1 #input-window{
	width:572px;
	padding:25px;
	position:fixed;
	background-color:#000;
	border:1px solid #999;
	 border-radius: 10px;
	 	line-height:1.5;
		top:100px;
		left: calc(50% - 286px); 
}
#title-wrap{
	background-color:#a0a0a0;
	padding:4px 16px;
	vertical-align:middle;
	font-weight:bold;
	margin-bottom:25px;
}
.img-modal{
	width:259px;
}
#img-preview-front{
	width:259px;
	height:auto;
	border:none;
	display:none;
}
.img-modal,
#body{
	float:left;
}
#page1 #input-window #title,
#page1 #input-window .date{
	font-size:18px;
	vertical-align:middle;
	}
#page1 #input-window #title{padding-left:20px;}
#body{
	padding-left:6px;
	padding-right:34px;
	width:272px;
   line-height:1.7;
	font-size:16px;
}
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;/*120%はスマフォ対策*/
	background-color:rgba(0,0,0,0.6);
}