@charset "utf-8";

body{
	color: #212121;
	background-color: #FAFAFA;
}
#body_login {
	background: #07285A;
}
#container {
	width: 100%;
	height: auto
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}


/**************************************************50
 * login
 **************************************************/
#login_warp{
	max-width: 440px;
	height: 450px;
	margin: auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#login_warp #site_name{
	color: #FFFFFF;
	font-size: 24px;
}
#login_warp #powered_by{
	color: #455A64;
	margin-bottom: 10px;
}
#login_container{
	background-color: #FBFDFF;
	border: 5px solid #64B5F6;
	border-radius: 5px;
	padding: 20px 30px;
	margin-bottom: 10px;
}
#login_container h1{
	color: #006064;
	font-size: 30px;
	margin-bottom: 10px;
}
#login_form{
	line-height: 1;
	padding: 0 40px;
}
#login_form .form_items{
	font-size: 16px;
	margin-bottom: 5px;
	ime-mode:inactive;
}
#login_form input[type="text"],
#login_form input[type="password"]{
	font-size: 20px;
	width: 100%;
	margin-bottom: 20px;
}
#created_by{
	text-align: right;
	color: #33691E;
}


/**************************************************50
 * form
 **************************************************/
/* -- label -- */
label:not(.swt_toggle):not(.swt_contents):not(.work_toggle){
	cursor: pointer;
	display: inline-block;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	height: 30px;
	line-height: 30px;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: box-shadow;
}
label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):hover,
label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):focus{
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
label + label{
	margin-left: 10px;
}

/* -- button -- */
input[id^="btn_"],
input[name^="btn_"],
button[id^="btn_"],
button[name^="btn_"],
[class^="btn_"]{
	background-color: #FFFFFF;
	border-radius: 2px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
	font-size: 110%;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	margin: 3px 12px;
	min-width: 112px;
	padding: 0 12px;
	text-align: center;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	vertical-align: initial;
}
input[id^="btn_"]:hover,
input[name^="btn_"]:hover,
button[id^="btn_"]:hover,
button[name^="btn_"]:hover,
[class^="btn_"]:hover,
input[id^="btn_"]:focus,
input[name^="btn_"]:focus,
button[id^="btn_"]:focus,
button[name^="btn_"]:focus,
[class^="btn_"]:focus{
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.6);
	outline:none;
}
a[class^="btn_"]{
	color: #212121;
	text-decoration: none;
}
[id^="btn_login"],
[name^="btn_login"],
.btn_reset{
	position: relative;
}
[id^="btn_login"]:before,
[name^="btn_login"]:before{
	content: "\F05FC";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_reset:before{
	content: "\F0450";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_confirm:before{
	content: "\F0135";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_next:after{
	content: "\F0142";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_back:before{
	content: "\F0141";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_entry:before{
	content: "\F0552";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_dd_on:before{
	content: "\F0521";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_dd_off:before{
	content: "\F0522";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_edit:before{
	content: "\F03EC";
	font-family: "Material Design Icons";
	font-size: 160%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_delete:before{
	content: "\F05E8";
	font-family: "Material Design Icons";
	font-size: 160%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_add:before{
	content: "\F0416";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_reduce:before{
	content: "\F0375";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_fem:before{
	content: "\F02D1";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_mail:before{
	content: "\F01EE";
	font-family: "Material Design Icons";
	font-size: 160%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_reissue:before{
	content: "\F0453";
	font-family: "Material Design Icons";
	font-size: 160%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_search:before{
	content: "\F0349";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_check_all{
	font-size: 90%;
}
.btn_check_all:before{
	content: "\F0139";
	font-family: "Material Design Icons";
	font-size: 160%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_uncheck_all{
	font-size: 90%;
}
.btn_uncheck_all:before{
	content: "\F0137";
	font-family: "Material Design Icons";
	font-size: 160%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_following0:before{
	content: "\F03A3";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_following1:before{
	content: "\F03A6";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_following2:before{
	content: "\F03A9";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_copy:before{
	content: "\F018F";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_fulltime_on:before{
	content: "\F078B";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_fulltime_off:before{
	content: "\F06AC";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_hotel{
	height: 36px !important;
	line-height: 36px !important;
	margin: 3px 12px !important;
	min-width: 112px !important;
	padding: 0 12px !important;
}
.btn_hotel:before{
	content: "\F02E3";
	font-family: "Material Design Icons";
	font-size: 160%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_erase:before{
	content: "\F0157";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: top;
	margin-right: 0.3em;
}
.btn_picture:before{
	content: "\F021F";
	font-family: "Material Design Icons";
	font-size: 120%;
	vertical-align: sub;
	margin-right: 0.3em;
}
.btn_calendar:before{
	content: "\F00ED";
	font-family: "Material Design Icons";
	font-size: 140%;
	vertical-align: sub;
	margin-right: 0.3em;
}
[class^="btn_following"].active{
	background-color: #00BCD4;
}

/* -- checkbox -- */
input[type="checkbox"]{
	background: none;
	border: none;
	border-radius: 0;
	display: none;
	height: 0;
	margin: 0;
	outline: none;
	padding: 0;
	width: 0;
}
input[type="checkbox"] + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn){
	position: relative;
	padding: 0 16px 0 30px;
	margin-top: 3px;
	margin-bottom: 3px;
}
input[type="checkbox"] + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):before,
input[type="checkbox"] + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
input[type="checkbox"] + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):before{
	content: "\F0131";
	font-family: "Material Design Icons";
	font-size: 160%;
	line-height: 1;
	left: 0.2em;
	z-index: 1;
}
input[type="checkbox"] + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):after{
	content: "\F0132";
	font-family: "Material Design Icons";
	color: transparent;
	font-size: 240%;
	line-height: 1;
	left: -0.05em;
	z-index: 2;
	transition: all 0.1s ease-out 0s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	input[type="checkbox"] + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):after{
		font-size: 40% !important;
	}
}
input[type="checkbox"]:checked + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):before{
	color: transparent !important;
}
input[type="checkbox"]:checked + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):after{
	color: #00BCD4;
	font-size: 160%;
	line-height: 1;
	left: 0.2em;
}
input[type="checkbox"]:disabled + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn){
	background-color: #F5F5F5;
	color: #9E9E9E;
}
input[type="checkbox"]:focus + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle){
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
input[type="checkbox"]:disabled + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):hover,
input[type="checkbox"]:disabled + label:not(.swt_toggle):not(.swt_contents):not(.work_toggle):not(.label_btn):focus{
	box-shadow: none;
	cursor: default;
}
input[type="checkbox"] + label.label_btn{
	border: 1px solid #9E9E9E;
	border-radius: 15px;
	font-size: 80%;
	height: 1.5em !important;
	line-height: 1.5em !important;
	margin: 3px 4px;
	padding: 0 1em;
	transition: all 0.2s ease-out 0s;
}
input[type="checkbox"] + label.label_btn:hover{
	background-color: #F5F5F5;
}
input[type="checkbox"] + label.label_btn:hover,
input[type="checkbox"] + label.label_btn:focus{
	border-color: #212121;
}
input[type="checkbox"]:checked + label.label_btn{
	background-color: #00BCD4;
}
input[type="checkbox"]:checked + label.label_btn:hover{
	background-color: #00ACC1;
}

/* -- radio -- */
input[type="radio"]{
	background: none;
	border: none;
	border-radius: 0;
	display: none;
	height: 0;
	margin: 0;
	outline: none;
	padding: 0;
	width: 0;
}
input[type="radio"] + label{
	position: relative;
	padding: 0 16px 0 30px;
	margin-top: 3px;
	margin-bottom: 3px;
}
input[type="radio"] + label:not(.btn_radio):before,
input[type="radio"] + label:not(.btn_radio):after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
input[type="radio"] + label:not(.btn_radio):before{
	content: "\F043D";
	font-family: "Material Design Icons";
	font-size: 160%;
	line-height: 1;
	left: 0.2em;
	z-index: 1;
}
input[type="radio"] + label:not(.btn_radio):after{
	content: "\F043E";
	font-family: "Material Design Icons";
	color: transparent;
	font-size: 240%;
	line-height: 1;
	left: -0.05em;
	z-index: 2;
	transition: all 0.1s ease-out 0s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	input[type="radio"]:checked + label:not(.btn_radio):after{
		font-size: 40% !important;
	}
}
input[type="radio"]:checked + label:not(.btn_radio):before{
	color: transparent !important;
}
input[type="radio"]:checked + label:not(.btn_radio):after{
	color: #00BCD4;
	font-size: 160%;
	line-height: 1;
	left: 0.2em;
}
input[type="radio"]:disabled + label{
	background-color: #F5F5F5;
	color: #9E9E9E;
}
input[type="radio"]:focus + label{
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
input[type="radio"]:disabled + label:hover,
input[type="radio"]:disabled + label:focus{
	box-shadow: none;
	cursor: default;
}
input[type="radio"] + .btn_radio{
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12) !important;
	font-size: 80%;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 3px 6px;
	min-width: 80px;
	padding: 0 6px;
	text-align: center;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
input[type="radio"]:checked + .btn_radio{
	background-color: #00BCD4;
}
input[type="radio"] + .btn_radio:hover,
input[type="radio"] + .btn_radio:focus{
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

/* text */
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], textarea{
	border: 1px solid #9E9E9E;
	font-size: 16px;
	padding: 5px 10px;
	transition: all 0.3s ease-out 0s;
	max-width: 100%;
}
input[type="text"][disabled],
input[type="password"][password],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="number"][disabled],
textarea[disabled]{
	background-color: #E0E0E0;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="number"]:hover, textarea:hover{
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, textarea:focus{
	border-color: #424242;
}
textarea{
	height: 12em;
	resize: none;
	width: 70%;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: -5px -10px -5px 0;
}

/* -- select -- */
select{
	background-color: #FFFFFF;
	border: 1px solid #9E9E9E;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	padding: 0 29px 0 7px;
	transition: all 0.3s ease-out 0s;
	vertical-align: top;
}
.select_box{
	margin-bottom: 3px;
	position: relative;
	vertical-align: middle;
}
.select_box:after{
	background-color: #EEEEEE;
	border-left: 1px solid #9E9E9E;
	content: "\F035D";
	font-family: "Material Design Icons";
	font-size: 22px;
	height: -webkit-calc(100% - 2px);
	height: calc(100% - 2px);
	position: absolute;
	right: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
}
select:focus{
	border-color: #212121;
	outline: none;
}
select::-ms-expand {
    display: none;
}

/* -- file -- */
.img_edit{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 0;
	width: 100%;
}
.img_edit section.img_edit_btn{
	height: 100px;
	width: 200px;
	position: relative;
}
.img_edit input[type="file"]{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
}
.img_edit input[type="file"] + label{
	background-color: #FFFFFF;
	border: 1px dashed #9E9E9E;
	border-radius: 5px;
	display: inline-block;
	font-size: 120%;
	line-height: 1.4;
	height: 100px !important;
	padding: 10px;
	text-align: center;
	width: 200px;
	transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: all;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.img_edit input[type="file"] + label{
		height: 100px !important;
	}
}
.img_edit input[type="file"] + label > div{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 1;
}
.img_edit input[type="file"]:hover + label{
	border: 1px solid #9E9E9E;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.img_edit input[type="file"]:focus + label{
	border: 1px solid #212121;
}
.img_edit label img{
	max-height: -webkit-calc(100% - 20px);
	max-height: calc(100% - 20px);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: -webkit-calc(100% - 20px);
	max-width: calc(100% - 20px);
	z-index: 1;
}
td.img_edit{
	margin: 0;
}
.img_edit_tbl td{
	vertical-align: top;
}
.img_edit_tbl .img_edit .img_edit_btn{
	width: 90%;
	height: auto;
	vertical-align: top;
}
.img_edit_tbl .img_edit .img_edit_btn label{
	height: auto;
	padding-top: 56.25%;
	vertical-align: top;
	width: 100%;
}

.upload_files input[type="file"]{
	width: 0px;
	height: 0px;
}
.upload_files label{
	background-color: #FFFFFF;
	border: 1px dashed #9E9E9E;
	border-radius: 5px;
	padding: 0 1em;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: all;
}
.upload_files label:before{
	content: "\F0224";
	font-family: "Material Design Icons";
	font-size: 160%;
	line-height: 1;
	margin-right: 0.2em;
	vertical-align: sub;
}
.upload_files input[type="file"]:hover + label{
	border: 1px solid #9E9E9E;
}
.upload_files input[type="file"]:focus + label{
	border: 1px solid #212121;
}


/**************************************************50
 * header
 **************************************************/
header{
	background-color: #212121;
	width: 100%;
	height: 44px;
	padding: 0px;
	position: relative;
}
header nav{
	background-color: #212121;
	width: 100%;
	height: 44px;
	position: fixed;
	top: 0;
	z-index: 1500;
}
header #greeting{
	color: #BDBDBD;
	font-size: 120%;
	height: 44px;
	line-height: 44px;
	padding-left: 20px;
}
header nav #header_navi{
	background-color: transparent !important;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	font-size: 24px;
	position: absolute;
	height: 44px;
	line-height: 44px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
}
header nav #header_navi > a,
header nav #header_navi > span{
	color: #BDBDBD;
	outline: none;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
	vertical-align: middle;
	width: 44px;
}
header nav #header_navi > span{
	padding: 0 6px;
}
header nav #header_navi > span#page_interval{
	width:200px;
}
header nav #header_navi > a.active,
header nav #header_navi > a:hover,
header nav #header_navi > a:focus,
header nav #header_navi > span:not(#page_interval):hover,
header nav #header_navi > span:not(#page_interval):focus{
	background-color: #757575;
	color: #FFFFFF;
	cursor: pointer;
}
header nav #header_navi > a i + span,
header nav #header_navi > span i + span{
	display: none;
	color: #212121;
	background-color: #EEEEEE;
	border: 2px solid #616161;
	border-radius: 3px;
	box-shadow: 0px 5px 8px 2px rgba(0,0,0,0.4);
	position: absolute;
	font-size: 60%;
	line-height: 1.4;
	bottom: -40px;
	right: 28px;
	width: 120px;
	padding: 3px 0;
	transition: all 0.3s ease-out 0s;
	z-index: 1;
}
header nav #header_navi > a:hover i + span,
header nav #header_navi > span:not(#page_interval):hover i + span{
	display: inline-block;
}
header #btn_totop{
	display: none;
}


/**************************************************50
 * middle
 **************************************************/
#middle_block{
	min-height: -webkit-calc(100% - 44px - 100px);
	min-height: calc(100% - 44px - 100px);
	width: 100%;
}
#main_contents{
	height: 100%;
	position: relative;
	width: 100%;
}
#main_contents:after{
	clear: both;
	content: "";
	display: block;
}
#side_area{
	min-height: -webkit-calc(100vh - 44px - 100px);
	min-height: calc(100vh - 44px - 100px);
	height: 100%;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	z-index: 1;
}
#main_contents > #contents{
	background-color: transparent !important;
	min-height: -webkit-calc(100vh - 44px - 100px);
	min-height: calc(100vh - 44px - 100px);
	position: relative;
	text-align: left;
	padding: 20px 40px 71px 280px;
}
.contents_title{
	background-color: #FFFFFF;
	border-bottom: 1px solid #BDBDBD;
	font-size: 140%;
	margin-bottom: 20px;
	padding: 7px 20px;
	position: relative;
}
.contents_title:before{
	background-color: #00BCD4;
	content: "";
	display: block;
	height: 26px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 4px;
}
.title_section{
	background-color: #757575;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding: 5px 20px;
}
.title_section + form,
.title_section + table{
	margin-top: -10px;
}

/* -- edit_links -- */
.edit_links{
	margin-bottom: 20px;
}
.edit_links span,
.edit_links a{
	border-radius: 7px;
	display: inline-block;
	min-width: 80px;
	padding: 5px 12px;
	text-align: center;
}
.edit_links span{
	background-color: #FFFFFF;
	border: 1px solid #212121;
}
.edit_links a{
	background-color: #212121;
	border: 1px solid #212121;
	color: #FFFFFF;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
}
.edit_links a:hover,
.edit_links a:focus{
	background-color: #FFFFFF;
	border: 1px solid #212121;
	color: #212121;
}
.edit_links span + span,
.edit_links span + a,
.edit_links a + span,
.edit_links a + a{
	margin-left: .5em;
}

/* side */
#side_area{
	background-color: #000000;
	color: #FFFFFF;
}
#side_menu li section.menu_items{
	background-color: #212121;
	cursor: pointer;
	padding: 10px 20px 10px -webkit-calc(20px + 1em);
	padding: 10px 20px 10px calc(20px + 1em);
	position: relative;
	transition: background-color 0.2s ease-out 0s;
}
#side_menu li section.menu_items:before{
	content: "\F035F";
	font-family: "Material Design Icons";
	font-size: 160%;
	position: absolute;
	left: 0.5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: content 0.2s ease-out 0s;
}
#side_menu li section.menu_items:hover,
#side_menu li section.menu_items.active{
	background-color: #424242;
}
#side_menu li section.menu_items.active:before{
	content: "\F035D";
	font-family: "Material Design Icons";
}
#side_menu li section:not(.menu_items){
	display: none;
}
#side_menu li section:not(.menu_items) a{
	color: #FFFFFF;
	display: block;
	padding: 10px 20px 10px -webkit-calc(20px + 1em);
	padding: 10px 20px 10px calc(20px + 1em);
	position: relative;
	text-decoration: none;
	transition: background-color 0.2s ease-out 0s;
}
#side_menu li section:not(.menu_items) a:after{
	content: "\F0142";
	font-family: "Material Design Icons";
	font-size: 160%;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#side_menu li section:not(.menu_items) a:hover,
#side_menu li section:not(.menu_items) a.active{
	background-color: #0D47A1;
}
#side_menu li section:not(.menu_items) a .mdi-alert-circle{
	color: #F44336;
	font-size: 140%;
	position: absolute;
	left: 0.5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* -- breadcrumb -- */
.breadcrumbs_list{
}
.breadcrumbs_list:last-child{
	margin-top: 20px;
	position: absolute;
}
.breadcrumbs_list:last-child{
	bottom: 20px;
	left: 280px;
}
.breadcrumbs_list:not(:last-child){
	margin-bottom: 20px;
}
.breadcrumb {
	color: #BDBDBD;
	font-size: 12px;
	line-height: 30px;
	width: 100%;
}
ul.breadcrumb li{
	list-style: none;
	overflow: visible;
	display: inline-block;
	background-color: #B0B0B0;
	padding-right: 10px;
	padding-left: 4px;
	height: 30px;
	margin-right: 31px;
	position: relative;
	color: #F5F5F5;
	vertical-align: middle;
}
ul.breadcrumb li:last-of-type {
	margin-right: 31px;
}
ul.breadcrumb li:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: -28px;
	border: 15px solid transparent;
	border-color: #B0B0B0;
	border-left-color: transparent;
}
ul.breadcrumb li:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -30px;
	border: 15px solid transparent;
	border-left-color: #B0B0B0;
}
ul.breadcrumb li:first-child{
	padding-left: 15px;
}
ul.breadcrumb li:first-child:before{
	display:none;
}
ul.breadcrumb li a{
	text-decoration: none;
	font-weight: bold;
	color: #003399;
	transition: all 0.3s ease-out 0s;
	position: relative;
}
ul.breadcrumb li a:after{
	background-color: #003399;
	content: "";
	height: 1px;
	transition: all 0.3s ease-out 0s;
	position: absolute;
	bottom: -1px;
	left: 0;
	opacity: 0;
	width:100%;
}
ul.breadcrumb li a:hover:after{
	opacity: 1;
}

/* -- pager -- */
.pager_link{
	text-align: center;
}
.pager_link a,
.pager_link span{
	font-size: 12px;
	display: inline-block;
}
.pager_link a{
	background-color: #F5F5F5;
	border: 1px solid #424242;
	color: #212121;
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	padding: 0 6px;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
	vertical-align: middle;
}
.pager_link a.mdi{
	position: relative;
}
.pager_link a.mdi:before{
	font-size: 20px;
	margin: 0 !important;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pager_link a:hover{
	color: #FFFFFF;
	background-color: #424242;
}
.pager_link span{
	color: #FFFFFF;
	background-color: #424242;
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	vertical-align: middle;
}
.pager_link strong{
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	vertical-align: middle;
}
.pager_link a + a,
.pager_link a + span,
.pager_link a + strong,
.pager_link span + a,
.pager_link span + span,
.pager_link span + strong,
.pager_link strong + a,
.pager_link strong + span,
.pager_link strong + strong{
	margin-left: 15px;
}
.pager_num{
	text-align: center;
	margin-bottom: 10px;
}
.pager_link + .pager_num{
	margin-top: 10px;
}


/**************************************************50
 * list
 **************************************************/
table.list{
	background-color: #212121;
	border-collapse: separate;
	border-spacing: 1px;
	margin-bottom: 10px;
	table-layout: fixed;
	width: 100%;
}
table.list tr{
	background-color: #FFFFFF;
	transition: background-color 0.3s ease-out 0s;
}
table.list tr:hover{
	background-color: rgba(255, 255, 255, 0.9);
}
table.list tr.private_data{
	background-color: #E0E0E0;
}
table.list tr.private_data:hover{
	background-color: rgba(255, 255, 255, 0.8);
}
table.list tr.post_never{
	background-color: #90A4AE;
}
table.list tr.post_never:hover{
	background-color: rgba(144, 164, 174, 0.9);
}
table.list tr.post_not{
	background-color: #CFD8DC;
}
table.list tr.post_not:hover{
	background-color: rgba(207, 216, 220, 0.9);
}
table.list tr th{
	background-color: #757575;
	color: #FFFFFF;
	padding: 3px 20px;
	transition: background-color 0.3s ease-out 0s;
	text-align: center;
}
table.list tr td{
	padding: 3px 20px;
}
table.list .sort_trigger{
	background-color: #00BCD4 !important;
	cursor: pointer;
	font-size: 160%;
	text-align:center;
}
table.list .sort_trigger:before{
	content: "\F054F\F01BD";
	font-family: "Material Design Icons";
	color: #FFFFFF;
}
table.list tr:hover .sort_trigger{
	background-color: rgba(0, 188, 212, 0.8);
}
table.list .sort_trigger:hover{
	background-color: #26C6DA !important;
}
table.list table{
	table-layout: fixed;
	width: 100%;
}
table.list table tr td{
	background-color: transparent !important;
	padding: 3px 0;
	word-break: break-all;
}
table.list #column_edit tr td:first-child{
	padding-right: 10px;
}
table.list #column_edit tr td:last-child{
	padding-left: 10px;
}
table.list hr.separate_btn{
	border: 0;
	height: 1px;
	background-color: #212121;
	margin: 3px -20px;
	width: -webkit-calc(100% + 40px);
	width: calc(100% + 40px);
}
table.list [class^="badge_"],
table.list [class^="fem_"]{
	background-color: #999999;
	border-radius: 3px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 75%;
	margin-right: 0.5em;
	padding: 0 8px;
	vertical-align: middle;
}
table.list .fem_new{
	background-color: #7CB342;
}
table.list .fem_new:before{
	content: "新人";
}
table.list .fem_pickup{
	background-color: #EC407A;
}
table.list .fem_pickup:before{
	content: "ピックアップ";
}
table.list .fem_group{
	background-color: #FFFFFF;
	border: 1px solid #212121;
}
table.list .fem_group:before{
/*	content: "グループ："; */
}
table.list [class^="btn_"]{
	font-size: 90%;
	height: 24px;
	line-height: 24px;
	margin: 1px 5px;
	padding: 0;
	min-width: 60px;
}
table.list [class^="btn_"]:before{
	font-size: 160%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	table.list [class^="btn_"]:before{
		font-size: 60% !important;
	}
	select option{
		height: 30px;
		line-height: 30px;
	}
}
table.list .btn_delete{
	background-color: #BDBDBD;
}

/* -- ranking -- */
table.ranking{
	counter-reset: rank;
}
table.ranking .rank_no:before {
    counter-increment: rank;
    content: counter(rank) "位";
}

/* -- switch toggle -- */
input[type="checkbox"] + label.swt_toggle,
input[type="checkbox"] + label.swt_contents,
input[type="checkbox"] + label.work_toggle{
	background-color: #BDBDBD;
	border-radius: 10px;
	cursor: pointer;
	display: block;
	height: 14px;
	margin: 6px auto;
	position: relative;
	width: 36px;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
input[type="checkbox"] + label.swt_toggle:after,
input[type="checkbox"] + label.swt_contents:after,
input[type="checkbox"] + label.work_toggle:after{
	content: "";
	display: block;
	border-radius: 50%;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12), 0px 1px 4px rgba(0, 0, 0, 0.12);
	height: 20px;
	margin: 0 auto;
	width: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
input[type="checkbox"] + label.swt_toggle:hover:after,
input[type="checkbox"]:focus + label.swt_toggle:after,
input[type="checkbox"] + label.swt_contents:hover:after,
input[type="checkbox"]:focus + label.swt_contents:after,
input[type="checkbox"] + label.work_toggle:hover:after,
input[type="checkbox"]:focus + label.work_toggle:after{
	background-color: #F5F5F5;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.6);
}
input[type="checkbox"]:checked + label.swt_toggle,
input[type="checkbox"]:checked + label.swt_contents,
input[type="checkbox"]:checked + label.work_toggle{
	background-color: #7FDDE9;
}
input[type="checkbox"]:checked + label.swt_toggle:after,
input[type="checkbox"]:checked + label.swt_contents:after,
input[type="checkbox"]:checked + label.work_toggle:after{
	left: 16px;
	background-color: #00BCD4;
}
input[type="checkbox"]:checked + label.swt_toggle:hover:after,
input[type="checkbox"]:checked:focus + label.swt_toggle:after,
input[type="checkbox"]:checked + label.swt_contents:hover:after,
input[type="checkbox"]:checked:focus + label.swt_contents:after,
input[type="checkbox"]:checked + label.work_toggle:hover:after,
input[type="checkbox"]:checked:focus + label.work_toggle:after{
	background-color: #00ACC1;
}

/* -- status -- */
.stat_release{
	color: #00BCD4;
	font-size: 90%;
	margin-top: 3px;
	text-align: center;
}
.stat_wait{
	color: #F9A825;
	font-size: 90%;
	margin-top: 3px;
	text-align: center;
}
.stat_private{
	font-size: 90%;
	margin-top: 3px;
	text-align: center;
}
.stat_end{
	color: #757575;
	font-size: 90%;
	margin-top: 3px;
	text-align: center;
}


/**************************************************50
 * edit
 **************************************************/
table.edit{
	background-color: #212121;
	border-collapse: separate;
	border-spacing: 1px;
	margin-bottom: 20px;
	table-layout: fixed;
	width: 100%;
}
table.edit tr th{
	background-color: #757575;
	color: #FFFFFF;
	width: 25%;
	padding: 10px 20px;
}
table.edit tr td{
	background-color: #FFFFFF;
	padding: 10px 20px;
	position: relative;
}
table.edit th.require{
	position: relative;
}
table.edit th.require:after{
	background-color: #F44336;
	content: "必須";
	display: block;
	font-size: 80%;
	font-weight: normal;
	line-height: 1;
	padding: 2px 5px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
table.edit th.items{
	background-color: #616161;
	text-align: center;
}
table.edit .input_short,
input[name^="search_"]{
	width: 30%;
}
table.edit .input_middle{
	width: 50%;
}
table.edit .input_long{
	width: 80%;
}
table.edit .edit_notice{
	display: inline-block;
	font-size: 80%;
	font-weight: normal;
	position: relative;
	padding-left: 20px;
}
table.edit .edit_notice:before{
	content: "\F02FD";
	font-family: "Material Design Icons";
	font-size: 140%;
	margin-left: -20px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
table.edit tr td .character_limit{
	font-size: 12px;
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
table.edit table{
	table-layout: fixed;
	width: 100%;
}
table.edit table tr td{
	padding: 3px 0;
}
table.edit #column_edit tr td:first-child{
	padding-right: 10px;
}
table.edit #column_edit tr td:last-child{
	padding-left: 10px;
}
table.edit #column_edit tr td input[type="text"]{
	width: 100%;
}
table.edit .info,
table.edit .warning{
	font-size: 100%;
	margin: 10px 0 0;
}
table.edit .info + .character_limit{
	top: 25%;
}
table.edit .passive_input .character_limit{
	top: 32%;
}
table.width_auto th,
table.width_auto td{
	width: auto;
}
table.edit #map_canvas{
	margin-bottom: 10px;
	padding-top: 56.25%;
	width: 100%;
}
table.edit #send_target{
	border: 1px solid #9E9E9E;
	counter-reset: num;
	height: 290px;
	margin-bottom: 10px;
	overflow: auto;
}
table.edit #send_target > *:nth-child(odd){
	background-color: #EEEEEE;
}
table.edit #send_target label{
	width: 100%;
}
table.edit #send_target label span{
	display: inline-block;
	width: 50%;
}
table.edit #send_target label span:first-child:before{
	counter-increment: num;
	content: counter(num)" )";
	display: inline-block;
	margin: 0 1em;
	width: 5em;
}
table.edit img{
	max-width: 100%;
}


/**************************************************50
 * schedule
 **************************************************/
.schedule_list{
	border-top: 1px solid #212121;
	margin: 20px 0;
}
.schedule_list li{
	border-bottom: 1px solid #212121;
	border-left: 1px solid #212121;
	border-right: 1px solid #212121;
	text-align: center;
}
.schedule_list li:after{
	clear: both;
	content: "";
	display: block;
}
.schedule_list li .fem_work{
	border-radius: 5px;
	font-size: 80%;
	min-height: 23px;
	margin-top: 5px;
	padding: 3px;
}
.schedule_list li > section{
	height: 180px;
}
.schedule_list li > section:first-child{
	float: left;
	padding: 10px;
	width: 120px;
}
.schedule_list li > section:not(:first-child){
	border-left: 1px solid #212121;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	-ms-align-content: space-between;
	align-content: space-between;
	float: left;
/*
	width: -webkit-calc((100% - 120px) / CLI_ATTENDANCE_MANAGE_DAY);
	width: calc((100% - 120px) / CLI_ATTENDANCE_MANAGE_DAY);
*/
}
.schedule_list li > section:not(:first-child).workday{
	background-color: #00BCD4;
}
.schedule_list li > section:not(:first-child) > *:first-child{
	background-color: #212121;
	color: #FFFFFF;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	width: 100%;
}
.schedule_list li > section:not(:first-child) > *:first-child.sunday{
	color: #E91E63;
}
.schedule_list li > section:not(:first-child) > *:first-child.saturday{
	color: #2196F3;
}
.schedule_list li > section:not(:first-child) [class^="schedule_each_"]{
	cursor: pointer;
	height: calc(100% - 84px);
	position: relative;
	width: 100%;
}
.schedule_list li > section:not(:first-child) [class^="schedule_each_"] > *{
	padding: 0 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
.schedule_list li > section:not(:first-child) .btn_copy{
	font-size: 80%;
	height: 24px;
	line-height: 24px;
	margin: 10px auto;
	min-width: 100px;
	padding: 0;
}
.schedule_list .schedule_edit{
	display: none;
}
[id^="schedule_edit_"]{
	background-color: #FFFFFF;
	width: 420px;
}
[id^="schedule_edit_"] > div:first-child{
	background-color: #E0E0E0;
	font-size: 160%;
	overflow: hidden;
	padding: 7px 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
[id^="schedule_edit_"] > div:last-child{
	padding: 0 20px;
}
[id^="schedule_edit_"] > div:last-child section{
	padding: 20px 10px;
}
[id^="schedule_edit_"] > div:last-child section + section{
	border-top: 1px solid #9E9E9E;
}
[id^="schedule_edit_"] label[for^="is_work_check_"]{
	display: inline-block !important;
}
[id^="schedule_edit_"] input[type="text"]{
	width: 100%;
}


/**************************************************50
 * real time
 **************************************************/
table.realtime_box{
	border: 1px solid #212121;
	border-collapse: separate;
    border-spacing: 0px;
	border-radius: 5px;
	margin: 10px auto;
	table-layout: fixed;
	width: 100%;
}
table.realtime_box tr th{
	background-color: #757575;
	color: #FFFFFF;
	width: 25%;
	padding: 0 20px 10px 20px;
}
table.realtime_box tr td{
	padding: 0 20px 10px 20px;
}
table.realtime_box tr td:first-child{
	padding: 10px;
	width: 140px;
}
table.realtime_box tr td:first-child .fem_img_crop:before{
	padding-top: 156px;
}
table.realtime_box tr td:first-child .fem_img_crop > section{
	background: #150767;
	background: -webkit-linear-gradient(top, rgba(21, 7, 103, 0), #150767);
	background: linear-gradient(to bottom, rgba(21, 7, 103, 0), #150767);
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
table.realtime_box tr td:last-child{
	border-left: 1px solid #212121;
	vertical-align: top;
	width: 120px;
}
table.realtime_box tr td:not(:first-child):not(:last-child){
	border-left: 1px solid #212121;
	height: 33.3333333333%;
	vertical-align: top;
	width: calc((100% - 140px - 120px) / 2);
}
table.realtime_box tr td .title_section{
	margin: 0 -20px 10px;
}
table.realtime_box .fem_list{
	margin: auto;
}
table.realtime_box .fem_list li{
	margin: auto;
	width: 100%;
}
table.realtime_box .input_short{
	width: 30%;
}
table.realtime_box .input_middle{
	width: 50%;
}
table.realtime_box .input_long{
	width: 80%;
}


/**************************************************50
 * reservation
 **************************************************/
table.reservation_box{
	border: 1px solid #212121;
	border-collapse: separate;
    border-spacing: 0px;
	border-radius: 5px;
	margin: 10px auto;
	table-layout: fixed;
	width: 100%;
}
table.reservation_box tr th{
	background-color: #757575;
	color: #FFFFFF;
	width: 25%;
	padding: 0 20px 10px 20px;
}
table.reservation_box tr td{
	padding: 0 20px 10px 20px;
}
table.reservation_box tr td:first-child{
	border-right: 1px solid #212121;
	padding: 10px;
	width: 140px;
}
table.reservation_box tr td:first-child .fem_img_crop:before{
	padding-top: 156px;
}
table.reservation_box tr td:first-child .fem_img_crop > section{
	background: #150767;
	background: -webkit-linear-gradient(top, rgba(27, 46, 177, 0), #150767);
	background: linear-gradient(to bottom, rgba(27, 46, 177, 0), #150767);
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
table.reservation_box tr td:not(:first-child){
	position: relative;
	vertical-align: top;
}
table.reservation_box tr td:not(:first-child) .title_section{
	margin-left: -20px;
	margin-right: -20px;
	position: relative;
}
table.reservation_box tr td:not(:first-child) .title_section .btn_add{
	margin: 0;
	font-size: 90%;
	height: 22px;
	line-height: 22px;
	padding: 0;
	vertical-align: top;
	min-width: 70px;
	position: absolute;
	top: 50%;
	right: 164px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
table.reservation_box tr td:not(:first-child) .title_section [class^="btn_fulltime_"]{
	margin: 0;
	font-size: 90%;
	height: 22px;
	line-height: 22px;
	padding: 0;
	vertical-align: top;
	min-width: 120px;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
table.reservation_box .timetable .controls a{
	top: 55%;
}
.reservation_box .reservation_edit{
	display: none;
}
[id^="reservation_edit_"]{
	background-color: #FFFFFF;
	width: 420px;
}
[id^="reservation_edit_"] > div:first-child{
	background-color: #E0E0E0;
	font-size: 160%;
	overflow: hidden;
	padding: 7px 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
[id^="reservation_edit_"] > div:last-child{
	padding: 0 20px;
}
[id^="reservation_edit_"] > div:last-child section{
	padding: 20px 10px;
}
[id^="reservation_edit_"] > div:last-child section + section{
	border-top: 1px solid #9E9E9E;
}
[id^="reservation_edit_"] input[type="text"]{
	width: 100%;
}
#reservation_hour{
	border-color: #E0E0E0;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}
#reservation_hour:after{
	clear: both;
	content: "";
	display: block;
}
#reservation_hour > *{
	background-color: #EEEEEE;
	color: #424242;
	float: left;
	font-size: 80%;
	height: 24px;
	line-height: 24px;
	text-align: center;
}
#reservation_hour > * + *{
	border-left: 1px solid #BDBDBD;
}
#reservation_state{
	overflow: hidden;
	border: solid 1px #E0E0E0;
	background-color: #F5F5F5;
	height: 90px;
	position: relative;
}
#reservation_state .reservation_event{
	background-color: #150767;
	border: 1px solid #1A237E;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 80%;
	height: 70px;
	text-align: center;
	padding: 0.7em 0;
	position: absolute;
	top: 10px;
	transition: opacity 0.2s ease-out 0s;
}
#reservation_state .reservation_event:hover{
	opacity: 0.7;
}
#reservation_state .reservation_full{
	background-color: #EF5350;
	color: #FFFFFF;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: absolute;
	top: 10px;
	width: 100%;
}
.edit_links a.sunday{
	border-color: #E91E63;
	background-color: #E91E63;
}
.edit_links a.sunday:hover,
.edit_links a.sunday:focus{
	background-color: #FFFFFF;
	color: #E91E63;
}
.edit_links a.saturday{
	border-color: #2196F3;
	background-color: #2196F3;
}
.edit_links a.saturday:hover,
.edit_links a.saturday:focus{
	background-color: #FFFFFF;
	color: #2196F3;
}
.edit_links span.sunday{
	border-color: #E91E63;
	color: #E91E63;
}
.edit_links span.saturday{
	border-color: #2196F3;
	color: #2196F3;
}


/**************************************************50
 * footer
 **************************************************/
footer {
	border-top: 1px solid #E0E0E0;
	background-color: #F5F5F5;
	height: 100px;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
}
#footer2 {
	font-size: 11px;
	line-height: 1.6;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: verdana,arial,helvetica,Sans-Serif;
}


/**************************************************50
 * jQuery UI
 **************************************************/
/* -- spinner -- */
.ui-spinner{
	display: inline-block;
	height: 36px !important;
	position: relative;
	margin-right: 30px;
	width: 20%;
	min-width: 7em;
}
.ui-spinner input[type="text"]{
	text-align: right;
	width: 100% !important;
}
.ui-spinner-button{
	background-color: #BBDEFB;
	cursor: pointer;
	position: absolute;
	height: 18px;
	font-size: 18px;
	line-height: 1;
	transition: all 0.3s ease-out 0s;
}
.ui-spinner-button:hover,
.ui-spinner-button:focus{
	background-color: #0288D1;
	color: #FFFFFF;
	outline: none;
}
.ui-spinner-button *{
	display: none;
}
.ui-spinner-up{
	top: 0;
}
.ui-spinner-up:before{
	content: "\F0143";
	font-family: "Material Design Icons";
}
.ui-spinner-down{
	bottom: 0;
}
.ui-spinner-down:before{
	content: "\F0140";
	font-family: "Material Design Icons";
}

/* -- Range Slider -- */
.ui-slider{
	background-color: #BDBDBD;
	border-radius: 10px;
	cursor: col-resize;
	height: 7px;
	width: 50%;
	position: relative;
	margin: 30px 0 13px 0;
}
.ui-slider .ui-slider-handle{
	background-color: #BBDEFB;
	color: #424242;
	cursor: col-resize;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	width: 50px;
	position: absolute;
	top: -12px;
	left: -50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	outline: none;
	transition: color,background-color 0.3s ease-out 0s;
}
.ui-slider .ui-slider-handle:before{
	content: "";
	border: 6px solid transparent;
	border-top: 5px solid #BBDEFB;
	position: absolute;
	top: 27px;
	left: 50% !important;
	transition: color,border-color 0.3s ease-out 0s;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.ui-slider .ui-slider-range{
	background-color: #0D47A1;
	border-radius: 10px;
	height: 7px;
	position: absolute;
}
.ui-slider .ui-state-active{
	background-color: #0288D1;
	color: #FFFFFF;
	z-index: 10;
}
.ui-slider .ui-state-active:before{
	border-color: #0288D1 transparent transparent;
}

/* -- Dialog -- */
.ui-widget-overlay {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000 !important;
}
.ui-dialog {
	background-color: #FFFFFF;
	border-radius: 3px;
	padding: 3px;
	position: fixed;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 300px;
	max-width: 90%;
	max-height: 90%;
	overflow: hidden;
	z-index: 110000;
}
.ui-dialog-title{
	color:#FFFFFF;
	font-size: 22px;
}
.ui-dialog-titlebar{
	background-color: #1565C0;
	border: 1px solid #0D47A1;
	border-radius: 3px;
	margin-bottom 10px;
	padding: 10px 50px 10px 20px;
	position: relative;
}
.ui-dialog-titlebar-close{
	background-color: #E0E0E0;
	border: 1px solid #BDBDBD;
	cursor: pointer;
	font-weight: bold;
	line-height: 1;
	padding: 4px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition-duration: 0.3s;
	transition-property: box-shadow;
}
.ui-dialog-titlebar-close:hover{
	box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.5);
}
.ui-dialog-titlebar-close:before{
	content: "\F0156";
	font-family: "Material Design Icons";
}
.ui-dialog-titlebar-close .ui-button-text{
	display: none;
}
.ui-dialog-content{
	border-bottom: 1px solid #2196F3;
	font-size: 18px;
	padding: 10px 20px;
	max-height: 600px !important;
}
.ui-dialog-buttonpane{
	padding: 10px 20px;
	text-align: right;
}
.ui-dialog-buttonpane button{
    background-color: #E0E0E0;
	border: 1px solid #E0E0E0;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	padding: 5px;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: box-shadow;
}
.ui-dialog-buttonpane button:hover{
	background-color: #D2D2D2;
}
.ui-dialog-buttonpane button:hover,
.ui-dialog-buttonpane button:focus{
	box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.5);
}
.ui-dialog-buttonpane button + button{
	margin-left: 20px;
}


/**************************************************50
 * Zebra_DatePicker
 **************************************************/
.Zebra_DatePicker_Icon_Wrapper{
	width: 12em;
}


/**************************************************50
 * Another
 **************************************************/
 /* -- picbbs -- */
[class^="color_desc_"]:before{
	content: "";
	border: 2px solid #212121;
	border-radius: 2px;
	display: inline-block;
	height: 0.8em;
	margin-right: 0.3em;
	overflow: hidden;
	vertical-align: text-bottom;
	width: 0.8em;
}
[class^="color_desc_"] + [class^="color_desc_"]{
	margin-left: 1em;
}
.color_desc_never:before{
	background-color: #90A4AE;
}
.color_desc_not:before{
	background-color: #CFD8DC;
}
#post_address_detail{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
	width: 100%;
}
#post_address_detail > section:last-child{
	text-align: center;
	width:150px;
}
#post_address_mail{
	border: 1px solid #03A9F4;
	color: #03A9F4;
	font-size: 80%;
	margin-bottom: 5px;
	padding: 4px 0.5em;
	text-align: center;
}
.ui-dialog[aria-describedby="post_address_box"]{
	min-width: 1000px !important;
}

.loading_overlay{
/*	background: rgba(255, 255, 255, 0.5) url("https://central-calendar.com/images/com/loading.gif") center center no-repeat !important; */
	background-color: rgba(0, 0, 0, 0.5) !important;
	width: 100% !important;
	height: 100% !important;
	position: fixed !important;
	opacity: 1 !important;
	z-index: 1000000;
}
.pageOverlay{
	z-index: 1000000;
}

table.edit .error_notice + #send_target{
	border-color: #F44336;
}
table.edit .error_notice + #send_target > *:nth-child(odd) {
	background-color: #FFEBEE;
}

/* -- hotel -- */
[class^="label_hotel_"]{
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 80%;
	line-height: 1;
	margin: 0.2em 0;
	padding: 0.3em 1em;
}
.label_hotel_bis{
	background-color: #ADADCC;
}
.label_hotel_love{
	background-color: #FF7981;
}

.fem_img_crop{
	border: 1px solid #150767;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.fem_img_crop:before{
	content: "";
	display: block;
	padding-top: 98px;
}
.fem_img_crop img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

@media screen and (max-width:1279px){
	#side_area{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		min-hieght: none;
		position: fixed;
		top: 44px;
		left: -100%;
		transition: left 0.2s ease-out 0s;
		width: 100%;
	}
	#side_area.active{
		left: 0;
	}
	#middle_block{
		position: relative;
		left: -240px;
		transition: left 0.2s ease-out 0s;
		width: calc(100% + 240px);
	}
	#middle_block.menu_on{
		left: 0;
	}
	#main_contents > #contents{
		padding: 3.125% 3.125% 6.25% -webkit-calc(240px + 3.125%);
		padding: 3.125% 3.125% 6.25% calc(240px + 3.125%);
	}
	#greeting{
		display: none;
	}
	#btn_menu{
		color: #FFFFFF;
		font-size: 32px;
		height: 44px;
		line-height: 16px;
		text-align: center;
		padding-top: 8px;
		width: 44px;
	}
	#btn_menu:after{
		content: "MENU";
		display: block;
		font-size: 32%;
	}
	table.edit,
	table.edit tbody,
	table.edit tr,
	table.edit th,
	table.edit td{
		display: block;
		width: 100% !important;
	}
	table.edit{
		border-bottom: 1px solid #000000;
	}
	table.edit th{
		border: 1px solid #000000;
	}
	table.edit td{
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	table.edit tr td .character_limit{
		display: block;
		margin-top: 0.3em;
		position: static;
		top: auto;
		right: auto;
		text-align :right;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		width: 100% !important;
	}
	table.edit input[type="text"],
	table.edit input[type="mail"],
	table.edit input[type="tel"],
	table.edit textarea{
		width: 100%;
	}
	table.list{
		background-color: #FFFFFF;
	}
	table.list,
	table.list tbody,
	table.list tr,
	table.list td{
		display: block;
		width: 100%;
	}
	table.list{
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	table.list tr{
		border-bottom: 1px solid #000000;
	}
	table.list tr:after{
		clear: both;
		content: "";
		display: block;
	}
	table.list th{
		display: none;
	}
	table.list td.cell_edit,
	table.list td.cell_stat{
		border-right: 1px solid #000000;
		float: left;
		text-align: center;
		padding: 3px 0;
		width: 80px;
	}
	table.list td.cell_stat{
		border-top: 1px solid #000000;
	}
	table.list td:not(.cell_edit):not(.cell_stat){
		float: right;
		min-height: 34px;
		max-height: 60px;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: calc(100% - 80px);
	}
	table.list hr.separate_btn {
		margin: 3px 0;
		width: 100%;
	}
	.breadcrumbs_list:last-child{
		display: none;
	}
	.img_edit{
		display: block !important;
	}
	#cast_img .cell_edit{
		border: none;
	}
	#cast_img .cell_edit .btn_delete{
		margin-top: 15px;
	}
	#cast_img .uploadPicture img{
		height: 54px;
		width: auto;
	}
	table.list td img{
		height: 54px;
		width: auto;
	}
	.breadcrumbs_list:last-child{
		display: none;
	}
	.mce-window{
		box-sizing: border-box !important;
		max-width: 100% !important;
	}
	.mce-window textarea{
		box-sizing: border-box !important;
		max-width: 44% !important;
	}
	.mce-window .mce-foot .mce-btn{
		position: static !important;
		margin: 10px;
	}
	.cell_posts{
		float: left !important;
		padding: 0 20px 8px !important;
		text-align: right !important;
		width: 50% !important;
	}
	.cell_posts .title_section{
		margin: 0 -20px 5px;
		text-align: center;
	}
	.cell_posts + .cell_posts{
		border-left: 1px solid #000000;
	}
	.info,
	.warning,
	.success,
	.error,
	.failed{
		font-size: 100% !important;
		padding: 1em 0.8em 1em 4em !important;
	}
	.info:before,
	.warning:before,
	.success:before,
	.error:before,
	.failed:before{
		left: 0.3em !important;
	}
	#login_warp{
		max-width: 440px;
		width: 87.5%;
	}
	#login_container{
		padding: 10px 20px;
	}
	#login_container h1{
		text-align: center;
	}
	#login_form{
		padding: 0 20px;
	}
	.ui-dialog[aria-describedby="post_address_box"]{
		min-width: auto !important;
		width: 87.5% !important;
	}
	#post_address_box{
		font-size: 87.5%;
		max-height: 400px !important;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#post_address_detail{
		display: block;
	}
	#post_address_detail section:last-child{
		display: none;
	}
	.schedule_list li > section:not(:first-child){
		floa: right;
		width: -webkit-calc(100% - 120px);
		width: calc(100% - 120px);
	}
	.schedule_list li > section:not(:first-child):not(:nth-child(2)){
		margin-left: 120px;
	}
}
@media screen and (min-width:1280px){
	#btn_menu{
		display: none;
	}
	.sp_show{
		display: none !important;
	}
	.cell_posts .title_section{
		display: none;
	}
}