@charset "utf-8";

/* Media Queries */
/* SP */
/* PC */
/* 上下左右中央配置 */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/*
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
*/
html.is-lock,
body.is-lock {
    overflow: hidden;
    height: 100%
}

.search #searchBox {
    height: 30px;
}

.lp--inner {
	display: none;
}

.schedule__nav.schedule__nav--head {
    padding: 20px 0;
}

/* add start 2019-02-12 */
.reserve_list_oya.admin {
    overflow: auto;
    height: 250px;
    margin-bottom: 20px;    
}
/* add end 2019-02-12 */

.content {
    text-align: center;
    width: 800px;
    margin: auto;
    padding-top: 40px;
}
.info {
    text-align: center;
    font-size: 14px;
}

.info .username {
	margin-bottom: 20px;
}
#info2 {
	line-height: 30px;
	margin-bottom: 30px;
	text-align: left;
	position: relative;
	font-size: 0;
}
#info2::after {
	content: "";
	display:block;
	clear: both;
}
#range_date {
	font-size: 14px;
	padding: 0 18px;
	/* margin-right: 40px; */
	/* position: absolute; */
	/* top: 0; */
	/* left: 50%; */
	/* transform: translateX(-50%); */
	vertical-align: middle;
	display: inline-block;
}
.accordion .inner {
	display: none;
}

.status {
	display: block;
	padding: 5px;
	text-align: center;
	margin-bottom: 15px;
}
.status .name {
	font-size: 20px;
}

/* add start 2019-02-12 */
.status.admin {
    margin: 30px;
    margin-left: 200px;
    display: inline;
}
/* add end 2019-02-12 */

.count {
	width: 420px;
	margin: 0 auto;
	text-align: left;
	padding: 5px;
	display: flex;
	/* justify-content: space-between; */
}
.count dl {
    display: flex;
}
.count dl dt {
    width: 120px;
}
.count dl dd {}

div.reserve_list {
	text-align: center ;
}

.reserve_list {
	/*width: 500px;*/
	width: 700px;
	margin: 0 auto 0;
	text-align: left;
	display: flex;
	/* justify-content: space-between; */
    box-sizing: border-box;
    padding: 20px 0;
    border-bottom: dashed #ccc 1px;
}

.reserve_list dl {
    display: flex;
}
.reserve_list dl dt {
    width: 180px;
}

.reserve_list dl dd.col2 {
    width: 230px;
}

.reserve_list dl dd.col3 {
    width: 80px;
}

.reserve_list dl dd.col4 {
    width: 200px;
}

.div_button.loginb, .div_button.logoutb {
    margin-top: 10px;
	margin-bottom: 10px;
}

.div_button.logout {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 8px 40px;
    font-size: 16px;
}

/* add start 2019-02-12 */
.div_button.logout.admin {
    margin-top: auto;
}
/* add end 2019-02-12 */

.div_button.logout:hover {
	opacity: .7;
}
.bef, .aft {
	padding: 6px 20px;
	background-color: #FFF;
	border: solid 1px #ddd;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
}

.now {
	padding: 6px 16px;
	background-color: #FFF;
	border: solid 1px #ddd;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
}

.bef:hover, .aft:hover {
	background-color: #ddd;
	color: #fff;
}

.cal_icon {
	height: 20px;
}

/*
.sp {
	display: none;
}
.pc {
	display: block;
}
*/

.cal_btn {
	display: inline;
}

.sel_open {
	height: 30px;
}
.sel_cou {
	height: 30px;
}
.sel_day {
	height: 30px;
}
.sel_min {
	height: 30px;
}
.sel_machine {
	/* height: 30px; */
	border: solid 1px;
	/*margin-left: 28px;*/
	box-sizing: inherit;
	padding: 5px 8px;
	border-color: #ddd;
	width: 180px;
}
.sel_resource {
	border: solid 1px;
	margin-left: 28px;
	box-sizing: inherit;
	padding: 5px 8px;
	border-color: #ddd;
	width: 180px;
}

.sel_date {
	height: 26px;
	font-size: 20px;
    border: solid 1px;
}

.sel_day_btn {
	/* height: 30px; */
	/* width: 100px; */
	/* padding: 0px; */
	/* margin-left: 10px; */
	/* display: inline; */
	float: right;
}

.sel_day_btn input[type="radio"] {
  display:none;
}

.sel_day_btn label {
    display:inline-block;
    color:#fff;
    background-color: #aaa;
    padding: 2px 13px;
    /* height: 30px; */
    /* line-height: 30px; */
    font-size: 14px;
}
.sel_day_1 {
	margin-right: 5px;
}

.sel_day_btn input[type="radio"]:checked + label {
  background-color:#2780e3;
}

ul.sel {
	margin-bottom: 5px;
}

#info2 .nav_day li {
	display:inline;
}

.nonactive {
	display: none;
}

.loginb {
    background-color: #2e90e3;
    color: #fff;
    font-size: 16px;
    padding: 8px 40px;
    border: none;
}
.loginb:hover, .logoutb:hover {
	cursor: pointer;
	opacity: .7;
}

.logoutb {
    background-color: #ccc;
    color: #fff;
    font-size: 16px;
    padding: 8px 40px;
    border: none;
}

p#errmes-login {
	color: red;
	text-align: center;
	font-size: 15px;
}

p#errmes-reserve {
	color: red;
	text-align: center;
	font-size: 15px;
}


ul {
list-style:none;
}

li.title {border: 1px solid #ccc;/*width: 800px;*/box-sizing: border-box;display: flex;}

li.next {/*width: 800px;*/border-left: 1px solid #ccc;border-right: 1px solid #ccc;/*border-bottom: 1px solid #ccc;*/height: 160px;box-sizing: border-box;display: flex;}

li.next.next_s, .dan_time.next_s, .dan2.next_s {height: 60px;}

li.title + li.next span.dan2 {
border-bottom: 1px dashed #ccc;
}

li.next + li.next span.dan2 {
border-bottom: 1px dashed #ccc;
}

span.dan_time.next_s {padding: 0;width: 101px;}

span.dan_time {float: left;/*padding: 10px;*/width: 101px;height: 160px;text-align: center;font-size: 16px;/* line-height: 60px; */box-sizing: border-box;}

span.time {
position: relative;
box-sizing: inherit;

}

span.dan_time_text {position: relative;top: -8px;}

span.title_dan {/* float: left; *//*padding: 10px;*/width: 100px;border-top: 1px solid rgb(0,0,0,0);box-sizing: inherit;/* border-left: 1px solid rgb(0,0,0,0); */box-sizing: border-box;/* padding: 1px; */display: block;}

span.title_dan2 {
	/*display: block;*//*margin-left: 110px;*/
	/**** display: table-cell; ****/
	padding: 10px 0;
	border-left: 1px solid #ccc;
	width: 100px;
	margin: auto;
	background-color: #f4f4f4;
	font-size: 14px;
	box-sizing: border-box;
	line-height: 1.5;
}
span.dan {
float: left;
padding: 10px;
width: 100px;
height: 60px;
text-align: center;
font-size: x-large;
/* line-height: 60px; */
}

span.dan2 {
	/*display: block;*//*margin-left: 110px;*/
	/******display: table-cell;******/
	/*padding: 15px;*/
	border-left: 1px solid #ccc;
	width: 100px;
	height: 160px;
}

#day span.title_dan2 {
    width: calc(100% - 100px);
    display: inline-block;
}
#day span.dan2 {
    display: block;
    width: calc(100% - 100px);
    float: left;
    box-sizing: border-box;
}

span.hol {
/*display: block;*/
/*margin-left: 110px;*/
background-color: gray;
/*
position: relative;
border-left: 1px solid #ccc;
display: table-cell;
*/
}

div.pg_oya {
background-color: #ce8ddf;
}

div.pg_oya_r {
position: relative;
background-color: rgb(220, 225, 250);
}

/* add 2019-02-14 */
div.pg_ko div.add {
    position: absolute;
}
div.pg_ko div.add button {
	background-color: blue;
	color: #fff;
    padding: 2px 2px;
    font-size: 5px;
    line-height: 14px;
}

div.pg_ko {
    background-color: rgb(220, 225, 250);
    position: absolute;
    top: 0px;
    width: 100%;
    margin: 0 auto;
    padding: 8px 6px;
    font-size: 12px;
    line-height: 1.4;
    box-sizing: border-box;
    height: 160px;
    overflow: hidden;
    transition: all .2s;
    opacity: .8;
}
div.pg_ko.open:hover {
	/* overflow: inherit; */
	height: auto !important;
	min-height: 80px;
	cursor: pointer;
	z-index: 1;
}

div.pg_ko.min60 {height: 160px;}

div.pg_ko.min30 {height: 80px;}

div.pg_ko.min90 {
height: 240px;
}

div.pg_ko.no {background-color: #f5d7d7;}

div.pg_ko.ng {background-color: #eaeaea;}
div.pg_ko.ari {background-color: rgba(215, 235, 215, 1);}
div.pg_ko.full {background-color: #f5d7d7;}

.holiday_color {color: red;}

.reserve_ari {
	display: block;
	padding: 2px 4px;
	font-size: 10px;
	background-color: #2fab4a;
	color: #fff;
	margin-bottom: 5px;
}
.reserve_can {
	display: block;
	padding: 2px 4px;
	font-size: 10px;
	background-color: #2b5faa;
	color: #fff;
	margin-bottom: 5px;
}
.reserve_full {
	display: block;
	padding: 2px 4px;
	font-size: 10px;
	background-color: #c1272d;
	color: #fff;
	margin-bottom: 5px;
}
.reserve_ng {
	display: block;
	padding: 2px 4px;
	font-size: 10px;
	background-color: #aaa;
	color: #fff;
	margin-bottom: 5px;
}

/* モーダルウィンドウのスタイル */
/* modal */
body {
  position:relative;
}

#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
#modal-open {
  color: #cc0000;
}

/* モーダル 背景エリア */
#modal-bg-r {
    display:none;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    z-index: 1;
}

/* モーダル コンテンツエリア */
#modal-main-login {
    display: none;
    width: 500px;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
    color: #333;
    position:fixed;
    z-index: 2;
    border: solid 1px #ccc;
}

#modal-main-login div .login{
    width: 230px;
}

#modal-main-login .head{
    /* background-color: #; */
    /* height: 50px; */
    border-bottom: solid 1px #ddd;
}

#modal-main-login h1.login {
    text-align: center;
    font-size: 20px;
    padding: 30px 0 25px;
    width: 100%;
    color: #4e89c3;
    /* font-weight: bold; */
    letter-spacing: .1em;
}

#modal-main-login span.login {/*
display: table-cell;
padding: 30px;
width: 100%;
height: 50px;
*//*
	float: left;
	*/font-size: 15px;
}
.login_info {
	padding: 50px 0;
}

.login_member_info {
    top: -50px;
    left: 120px;
    position: relative;
}

.imeoff { ime-mode: disabled; }

/* css checkbox01 */
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
  font-size: 13px;
}
.checkbox01-parts:hover{
    cursor: pointer;
    text-decoration: underline;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #2e90e3;
}

/* add 2019-02-14 */
.checkbox01-input:disabled + .checkbox01-parts::before{
  background-color: #aaa;
  cursor: not-allowed;
}

.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #2e90e3;
  border-right: 3px solid #2e90e3;
}

.reserve_info {
	padding: 10px 0;
}
.reserve_info li:last-child {
    margin-bottom: 0;
}
#annotation_container {
	margin-top: -20px;
}
#annotation_container li:last-child {
    margin-bottom: 0;
}
.warn_info {
    text-align: center;
    font-size: 14px;
    /* margin-bottom: 10px; */
    color: #ff0000;
    padding: 0 10px;
}
#warn_info_li {
    padding-left: 1em;
    text-indent: -1em;
    text-align: left;
    line-height: 1.5;
}
#warn_info_li::before {
    content: "※";
}
.err_info {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    color: #ff0000;
    text-indent: -1em;
    padding-left: 1em;
}
#err_info_li::before {
    content: "※";
}

.add_info {
	padding: 20px;
}

.add_info li {
    margin-bottom: 10px;
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
}
.add_info li:last-child {
    margin-bottom: 0;
}

#modal-main-login li.login {
	text-align: center;
	margin-bottom: 20px;
}

#modal-main-login input[type="text"], #modal-main-login input[type="tel"], #modal-main-login input[type="password"] {
	border: solid 1px #ccc;
	padding: 5px;
	/*width: 150px;*/
}

#modal-main-login li.login.foot {
    /* padding-top: 20px; */
    text-align: center;
    margin-bottom: 0;
    margin-top: 60px;
}

#modal-main-login .div_button.login {
    background-color: #2e90e3;
    color: #fff;
    font-size: 16px;
    padding: 8px 40px;
}
#modal-main-login .div_button.login:hover {
	cursor: pointer;
	opacity: .7;
}


/* 予約 */
/* モーダル コンテンツエリア */
#modal-main-reserve {
	width: 500px;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
    color: #333;
    position: fixed;
    z-index: 2;
    border: solid 1px #ccc;
    display: none;
}

#modal-main-reserve div .login{
    width: 330px;
    height: 50px;
}

/* add 2019-02-14 */
#modal-main-reserve input[type="text"] {
	border: solid 1px #ccc;
	padding: 5px;
	/*width: 150px;*/
}

#modal-main-reserve h1.login {
	text-align: center;
    font-size: 20px;
    padding: 30px 0 25px;
    width: 100%;
    color: #4e89c3;
    letter-spacing: .1em;
    border-bottom: solid 1px #ddd;
}

#modal-main-reserve span.login {/*
display: table-cell;
padding: 30px;
width: 100%;
height: 50px;
*//*
	float: left;
	*/font-size: 23px;}

#modal-main-reserve li.login {
	margin-bottom: 20px;
	text-align: center;
	font-size: 15px;
	vertical-align: middle;
	/* line-height: 1.4; */
}

/* add 2019-02-14 */
#modal-main-reserve li.login div.checkbox {
	width: 30px;
	display: inline;
	min-height:1px
}

#modal-main-reserve li.login.comment {
	margin-top: 60px;
}
#modal-main-reserve li.login.comment.off {
	display: none;
}

.err_info.off {
	display: none;
}
.warn_info.off {
	display: none;
}

#modal-main-reserve div.div_button_box {
    display: inline-flex;
    margin: 0 auto;
}

/* #modal-main-reserve li.login.foot {
	margin-top: 60px;
} */

#modal-main-reserve button:hover {
	cursor: pointer;
	opacity: .8;
}
#modal-main-reserve .div_button.login {
    background-color: #2e90e3;
    color: #fff;
    font-size: 16px;
    padding: 8px 40px;
    /* margin-top: 60px; */
}
#modal-main-reserve .div_button.cancel {
	margin-left: 5px;
    background-color: #e286b9;
    font-size: 16px;
    padding: 8px 40px;
    margin-left: 10px;
}
#modal-main-reserve .div_button.close {
    background-color: #ddd;
    font-size: 16px;
    padding: 8px 40px;
    margin-left: 10px;
}

#modal-main-reserve .div_button.attend {
	margin-left: 5px;
    background-color: #6be0a8;
    font-size: 16px;
    padding: 8px 40px;
    margin-left: 10px;
}
#modal-main-reserve .div_button.paid {
	margin-left: 5px;
    background-color: #eac905;
    font-size: 16px;
    padding: 8px 40px;
    margin-left: 10px;
}

#modal-main-reserve div.div_button.login,
#modal-main-reserve div.div_button.close,
#modal-main-reserve div.div_button.attend,
#modal-main-reserve div.div_button.paid{
    width: 70px;
    height: 30px;
    line-height: 30px;
}
#modal-main-reserve div.div_button.cancel {
    width: 130px;
    height: 30px;
    line-height: 30px;
}

@media print and (max-width: 1024px) {

	#info2 .nav_day li {
		display:inline-flex;
        margin-right: 1.3vw;
    }

    .sel_machine {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        margin-bottom: 12px;
    }
    .sel_resource {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }
    .sel_day_btn {
        padding-top: 12px;
        float: right;
    }

    .bef, .aft {
        padding: 6px 7.5vw;
    }

	.now {
		padding: 6px 16px;
		background-color: #FFF;
		border: solid 1px #ddd;
		display: inline-block;
		vertical-align: middle;
	}

}

@media screen and (max-width: 1024px) {
	.cal_icon {
		height: 20px;
	}

	.content{
        width: 100%;
    }
    .info {
        margin-bottom: 5px;
        padding-top: 0;
    }
    .bef, .aft {
        padding: 6px 7.5vw;
    }

	.cal_btn {
		display: inline;
		padding: 5px;
	}

    #range_date {
        padding: 0 1vw;
        margin: 0 auto;
        font-size: 16px;
    }
    .sel_day_btn {
        padding-top: 12px;
        float: right;
    }
    .sel_machine {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        margin-bottom: 12px;
    }
    .sel_resource {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }

    span.title_dan2 {
        width: calc((100% - 100px) / 7);
    }
    span.dan2 {
        width: calc((100% - 100px) / 7);
    }
	#info2 .nav_day li {
		display:inline-flex;
        margin-right: 1.3vw;
    }
    .reserve_list {
        width: 70%;
    }
    .reserve_list dl {
        display: flex;
        width: 100%;
        align-items: center;
    }
    .reserve_list dl dt {
        width: 40%;
        text-align: left;
        padding-right: 10px;
    }
    .reserve_list dl dd.col2 {
        width: 40%;
        text-align: left;
        line-height: 1.5;
        padding-right: 10px;
    }

    .reserve_list dl dd.col3 {
        width: 20%;
	}
    #add_info_ul.over {
    	max-height: 370px;
    	overflow-y: scroll;
    	padding: 5px 10px;
    }
    #add_info_ul::-webkit-scrollbar{
        width: 8px;
    }
    #add_info_ul::-webkit-scrollbar-track{
        background: #fff;
        border: none;
        border-radius: 10px;
        box-shadow: inset 0 0 2px #2e90e3;
    }
    #add_info_ul::-webkit-scrollbar-thumb{
        background: #2e90e3;
        border-radius: 10px;
        box-shadow: none;
    }
	/* add start 2019-02-12 */
	.div_button.logout.admin {
	    margin-top: auto;
	}

	.status.admin {
	    margin: 130px;
	    margin-left: 200px;
	    display: inline;
	}
	/* add end 2019-02-12 */
}

@media screen and (max-width: 960px) {
	.cal_btn {
		display: inline;
		padding: 5px;
	}
	/* add start 2019-02-12 */
	.div_button.logout.admin {
	    margin-top: auto;
	}

	.status.admin {
	    margin: 40px;
	    margin-left: 180px;
	    display: inline;
	}
	/* add end 2019-02-12 */
}

@media (max-width: 640px) {

	.cal_icon {
		height: 20px;
	}

	.cal_btn {
		display: inline;
	}
	/*
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	*/

	.main {
		width: 100%;
	    margin: 0 auto;
    }
    #modal-main-login {
        width: 90%;
    }
    #modal-main-login h1.login {
        font-size: 18px;
        padding: 20px 0 15px;
    }

	.login_member_info {
	    top: -50px;
	    left: 100px;
	    position: relative;
	}

    .login_info {
        padding: 40px 0;
    }
    .reserve_info {
        padding: 10px 0;
    }
    .add_info {
        margin-top: 20px;
    }
    .warn_info {
        padding: 0 10px;
    }
    .warn_info li {
        text-align: left;
        line-height: 1.5;
    }
    #add_info_ul {
        padding: 0 10px;
    }
    #add_info_ul.over {
    	max-height: 30vw;
    }
    #modal-main-login li.login.foot {
        margin-top: 50px;
    }
    .content {
        padding-top: 0;
    }
    #info2 .nav_day.sel {
    	display: block;
    	margin-top: 0;
    }
	#info2 .nav_day.sel li {
		display: block;
		width: 100%;
	}
	#info2 .nav_day {
		display: flex;
		flex-wrap: wrap;
		margin-top: 8vw;
		justify-content: space-between;
	}
	#info2 .nav_day li:nth-of-type(1) {
		order: 3;
	}
	#info2 .nav_day li:nth-of-type(2) {
		order: 2;
	}
	#info2 .nav_day li:nth-of-type(3) {
		width: 100%;
		margin-bottom: 10px
	}
	#info2 .nav_day li:nth-of-type(4) {
		order: 4;
    }
	#info2 .nav_day li:nth-of-type(5) {
		order: 5;
		width: 100%;
		display: block;
		overflow: hidden;
	}
	#modal-main-reserve {
		width: 90%;
	}
	#modal-main-reserve h1.login {
		line-height: 1.5;
		padding: 15px;
		box-sizing: border-box;
		font-size: 15px;
	}
	#modal-main-reserve .div_button.cancel {
		margin-left: 0;
		padding: 8px 16px;
	}
	#modal-main-reserve .div_button.close {
		padding: 8px 16px;
	}
	#add_info li {
		text-align: left;
		font-size: 12px;
		line-height: 1.6;
	}
    .count {
    	display: block;
    	width: 100%;
    	box-sizing: border-box;
    	padding: 5px 20px;
    }
    .count dl {
    	/* display: block; */
    	width: 100%;
    }
    .count dl dt {
    	width: 8.5em;
    	text-align: left;
    	margin-bottom: 6px;
    }
    .count dl dd {
    	margin-bottom: 6px;
    }
    .count span {
    	display: block;
    	width: 100%;
    	text-align: right;
    }
    .reserve_list {
        width: 90%;
        margin-top: 0;
        text-align: left;
        display: flex;
        font-size: 13px;
    }

	/* add start 2019-02-12 */
	.div_button.logout.admin {
	    margin-top: auto;
	}

	.status.admin {
	    margin: 0px;
	    margin-left: 0px;
	    display: inline;
	}

	.reserve_list_oya.admin {
	    overflow: auto;
	    height: 250px;
	}

	/* add end 2019-02-12 */

	/* .content {
		width: 260px;
	    margin: auto;
	}

	.option, .info {
		margin-right: 10px;
		vertical-align: top;
		line-height: 30px;
	}

	.option {
		display: grid;
	} */
}
.debug {
    height: 15px;
}

/*処理中*/
#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
  z-index: 11;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/img/gif-load.gif") center center no-repeat;
}