/* - OVERALL ----------------------------------------------------------------------------------------------------
 */

a { color: #19c0f5; text-decoration: underline; }
a:hover { text-decoration: none; }
a.btn { text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, .list-group a { text-decoration: none; }

.btn {padding: .375rem .55rem !important }

.gf-vollkorn { font-family: 'Vollkorn', serif; }
.gf-comfortaa { font-family: 'Comfortaa', cursive; }
.text-shadow { text-shadow: -1px 2px 0 rgba(0,0,0,0.4); }
hr { border-top: 1px solid rgba(0,0,0,1); }

.wrapper {
	margin-right: 0;
	margin-left: 0;
	max-width: 100%;
	position: relative;
	background: #000 url(../img/common/bg_concrete.jpg) repeat 0 0 fixed;
}
.page .wrapper {
	position: static;
}

/* table */
.table-responsive {
	width: auto;
	margin: 0 1rem;
/*
overflow-y: auto;
max-height: 300px;
*/
}
.table {
	margin-bottom: 2rem;
	border: 1px solid #3e3e3e;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 1rem;
}
.table-responsive table {
	max-height: 300px;
}
th, td {
	white-space: nowrap;
	color: #fff;
}
td.text-wrap {
	white-space: normal;
}
.table thead th {
	background-color: #570705;
	background-image: linear-gradient(to right, #570705 0%, #6e0a0a 50%, #570705 100%);
	border-color: #3e3e3e;
	border-width: 1px !important;
	border-bottom: 1px solid #e15252 !important;
	font-weight: bold;
	color: #fff;
}
.table tbody th {
	background: #000;
	border-color: #3e3e3e !important;
	border-width: 1px 0 !important;
	font-weight: bold;
	vertical-align: middle;
}
.table tbody td {
	background: #000;
	border-color: #3e3e3e !important;
	border-width: 1px !important;
}
.table tbody .btn {
	margin: 0;
}

.btn-dark {
	background-color: #3c3c3c;
	background-image: linear-gradient(to right, #363636 0%, #3c3c3c 50%, #363636 100%);
	border: 1px solid #3e3e3e;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.15) inset;
	color: #fff;
}
.btn-dark:hover, .btn-dark:focus {
	background-image: linear-gradient(to right, #000 0%, #262626 50%, #000 100%);
	border: 1px solid #3e3e3e;
}
.btn-dark:active, .btn-dark:active:focus, .btn-dark:active:hover, .btn-dark:active.focus,
.btn-dark.active, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark.active.focus,
.open > .dropdown-toggle.btn-dark, 
.open > .dropdown-toggle.btn-dark:hover,
.open > .dropdown-toggle.btn-dark:focus, 
.open > .dropdown-toggle.btn-dark.focus,
.btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark.focus {
	background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
	border: 1px solid #ab0000;
}

.btn-danger {
	background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
	border: 1px solid #ab0000;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.08) inset;
	color: #fff;
}
.btn-danger:hover, .btn-danger:focus {
	background-image: linear-gradient(to right, #840805 0%, #a50905 50%, #840805 100%);
	border: 1px solid #ab0000;
}
.btn-danger:active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:active.focus,
.btn-danger.active, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger, 
.open > .dropdown-toggle.btn-danger:hover,
.open > .dropdown-toggle.btn-danger:focus, 
.open > .dropdown-toggle.btn-danger.focus,
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
	background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
	border: 1px solid #ab0000;
}

.btn-primary {
	background-image: linear-gradient(to right, #0789d7 0%, #009fff 50%, #0789d7 100%);
	border: 1px solid #118ed9;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.08) inset;
	color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
	background-image: linear-gradient(to right, #046dac 0%, #0789d7 50%, #046dac 100%);
	border: 1px solid #118ed9;
}
.btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus,
.btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary, 
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus, 
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
	background-image: linear-gradient(to right, #0576b9 0%, #0789d7 50%, #0576b9 100%);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	border: 1px solid #118ed9;
}

.card-body-information {
	background: #f1f1f1 !important;
	color: #000 !important;
	border-radius: 0 0 3px 3px;
	border: 1px solid #000;
}

/* - PC Settings(min-width: 992px) ----------------------------------------------------------------------------------------------------
 */

@media (min-width: 992px) {

	/* -- コロナ特例 -- */
	.area202004_home {
		margin-top:160px;
		padding:20px;
		width:100%
	}
	.area202004_common {
		margin-top:120px;
		padding:20px;
		width:100%
	}

	/* -- Overall */
	.home #page {
		min-height: 100vh;
		position: relative;
	}

	/* -- Navigation */
	 #site-nav {
		float: left;
		padding-top: 2px;
		padding-left: 105px;
	}
	#site-nav {
		padding-left: 185px;
	}
	.page #logo,
	.home #logo {
		/*position: absolute;*/
		position: fixed;
		top: 0;
		left: 0;
		width: 230px;
		padding-left: 10px;
		z-index: 1001;
		text-align: left;
	}
	.page #logo,
	.page #logo img {
		width: 120px;
		height: 120px;
	}
	.page #site-info,
	.home #site-info,
	.home #site-info-update-others {
		display: none;
	}
	.page #site-info-lg,
	.home #site-info-lg {
		position: fixed;
		top: 0;
		left: 0;
		margin-top: 1rem;
		padding: 1rem 1.2rem 1rem;
		width: 100%;
		z-index: 1000;
		text-align: right;
		background: rgba(0,0,0,0.88);
		border-top: 1px solid #565454;
		border-bottom: 1px solid #565454;
		box-shadow: 0 -20px 50px 50px rgba(0, 0, 0, 0.6),  0 0 20px 20px rgba(0, 0, 0, 0.2) inset;
		overflow: visible;
	}
	.home #site-info-lg {
		margin-top: 3.3rem;
	}
		.page #site-info-lg nav,
		.home #site-info-lg nav {
			position: absolute;
			top: 12px;
			left: 205px;
		}
		.page #site-info-lg nav {
			left: 143px;
		}
		.page #site-info-lg .dropdown-header,
		.home #site-info-lg .dropdown-header {
			padding: .5rem 1rem;
			color: #212529;
		}
		.page #site-info-lg .dropdown-item,
		.home #site-info-lg .dropdown-item {
			padding: .25rem 1rem;
			font-size: .8rem;
		}

	/* -- Sidebar --*/
	.sticky-top {
		top: 105px;
	}
	.page #pcPageNavi {
		padding: 1px;
		border: 1px solid #272727;
		border-radius: .25rem;
		background: #212121;
		box-shadow: 0 0 5px 5px rgba(0,0,0,0.2), 0 0 5px 5px rgba(0,0,0,0.15) inset;
		counter-reset: pcPageNaviCount;
	}
	.page #pcPageNavi .list-group-item-header {
		padding: .2rem .5rem !important;
		line-height: 1.2;
		background-image: linear-gradient(to right, #840805 0%, #a50905 50%, #840805 100%) !important;
	}
	.page #pcPageNavi .list-group-item-header span {
		font-size: 1.4rem;
	}
	.page #pcPageNavi .list-group-item-header span span {
		font-size: 1rem;
		opacity: .8;
	}
	.page #pcPageNavi .list-group-item {
		margin: 1px 0;
		padding: .5rem .5rem;
		background-color: #3c3c3c;
		background-image: linear-gradient(to right, #000 0%, #262626 50%, #000 100%);
		border: 1px solid #3e3e3e;
		box-shadow: 0 0 5px 5px rgba(0,0,0,0.2), 0 0 5px 5px rgba(0,0,0,0.15) inset;
		color: #fff;
	}
	.page #pcPageNavi .list-group-item:hover {
		background-image: linear-gradient(to right, #363636 0%, #3c3c3c 50%, #363636 100%);
	}
	/*
	.page #pcPageNavi .list-group-item.active {
		background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
	}
	*/
	.page #pcPageNavi .list-group-item.count span:before {
		counter-increment: pcPageNaviCount;
		content:counter(pcPageNaviCount) ". ";
		color: #dc3545;
	}
	.page #pcPageNavi .list-group-item.active span:before {
	}
	.page #pcPageNavi .card-header h2 button:hover,
	.page #pcPageNavi .card-header h2 button:focus {
		text-decoration: none;
	}
	.page #pcPageNavi .card-header i {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 1.2rem;
		color: #a76d6d;
	}

	/* -- Footer -- */
	#row_footer {
		margin: 0 0 1rem ;
		padding-top: 0;
		box-shadow: none;
		background: transparent;
	}
	#footer {
		/* コロナ特例
		position: absolute;
		*/
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: .5rem 0;
		z-index: 501;
		text-align: left;
		color: #f1f1f1;
		font-size: .8rem;
	}
	#row_footer #footer {
		position: static;
	}
	.page #footer {
		width: 100%;
		padding: .5rem 0;
		z-index: 501;
		text-align: left;
		color: #f1f1f1;
		font-size: .8rem;
	}
	#footer-left {
		width: 50%;
		float: left;
		padding-left: 1rem;
	}
	#footer-right {
		width: 50%;
		float: right;
		padding-right: 1rem;
		text-align: right;
	}
	#footer a {
		color: #fff;
		text-decoration: underline;
	}
	#footer a:hover {
		text-decoration: none;
	}

	/* -- Index -- */

	.home .wrapper,
	.home .row	 {
		margin: 0;
		padding: 0;
		height: 65vh;
		height: 100vh !important;
		position: relative;
	}
	.home #area-pizza {
		order: 1;
		background: #000 url(../img/index/bg_toppage_pizza.jpg) right top;
	}
	.home #area-location {
		order: 2;
		background: #000 url(../img/index/bg_toppage_location.jpg) center center;
	}
	.home #area-beer {
		order: 3;
		background: #000 url(../img/index/bg_toppage_beer.jpg) left center;
	}
	.home .col-lg-4 {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		height: 100%;
		text-align: center;
		background-size: cover;
		position: relative;
	}
	.home .col-lg-4::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 500;
		transition: background 0.2s ease;
	}
	.home .col-lg-4:hover::after {
		background: transparent;
	}
	
	/* -- Page -- */
	.page {
		background: #000;
	}
	.page-id-100 {
		background: #000 url(../img/index/bg_toppage_location.jpg) repeat-x 1300px -1100px;
	}
	.page-id-103, .page-id-5336 {
		background: #000 url(../img/common/bg_about.jpg) repeat-x center -300px;
	}
	.page-id-104 {
		background: #000 url(../img/common/bg_jobs.jpg) repeat-x center top;
	}
	.page-id-1000 {
		background: #000 url(../img/common/bg_kanda.jpg) repeat-x center top;
	}
	.page-id-2000 {
		background: #000 url(../img/common/bg_hamamatsucho.jpg) repeat-x center -300px;
	}
	.page-id-3000 {
		background: #000 url(../img/common/bg_gotanda.jpg) repeat-x center -300px;
	}
	.page-id-4000 {
		background: #000 url(../img/common/bg_jiyugaoka.jpg) repeat-x center -300px;
	}
	.page-id-6876 {
		background: #000 url(../img/common/bg_devils-corner.jpg) repeat-x center -300px;
	}
	.page #pagetitle h1 {
		position: absolute;
		top: -6rem;
		left: -1rem;
		z-index: 502;
		color: #fff;
		font-size: 3rem;
	}
	.page #pagetitle h1 span {
		font-size: 3rem;
		color: #dc3545;
	}
	.page #pagetitle .h1_after {
			position: absolute;
			top: 13.5rem;
			left: 1.4rem;
			z-index: 502;
			font-size: .9rem;
			color: #ccc;
	}
	.page .row {
		position: relative;
		background: #000 url(../img/bg_concrete.jpg) repeat 0 0 fixed;
		/*コロナ特例
		margin-top: 20rem;
		box-shadow: 5px 5px 150px 150px rgba(0,0,0,0.75), 0 0 200px 200px rgba(0,0,0,0.85) inset;
		*/
		margin-top: 8rem;
		box-shadow: 5px 5px 80px 80px rgba(0,0,0,0.75), 0 0 200px 200px rgba(0,0,0,0.85) inset;
		padding: 1.4rem 1.4rem 0;
		height: 100%;
	}
	.page article {
		min-height: 586px;
		background: #000;
		color: #f1f1f1;
	}
	.page .row .sidebar {
	}

	.page #pcMain {
		counter-reset: pcPageCount;
	}
	.page #pcMain .card {
		border: 1px solid rgb(123, 29, 29);
	}
	.page #pcMain .card-header {
		padding: .5rem .5rem;
		background-color: #a50905;
		background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
		border-bottom: 1px solid rgb(2, 1, 1);
	}
	.page #pcMain .card-header h2 {
		margin: 4px 0 0;
		padding: 0;
		color: #fff;
		font-size: 2rem;
		font-weight: normal;
	}
	.page #pcMain .card-header h2:before {
		counter-increment: pcPageCount;
		content:counter(pcPageCount) ". ";
		color: #ccc;
	}

	.article-card {
		border: 1px solid #3e3e3e;
	}
	.article-card .card-header {
		padding: .5rem .5rem;
		background-color: #a50905;
		background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
		border-bottom: 1px solid rgb(2, 1, 1);
		color: #fff;
	}
	.article-card .card-header h2 {
		margin-bottom: 0;
		padding-top: .3rem;
		font-size: 1.4rem;
	}
	.article-card .card-body {
		background: #000;
		color: #fff;
	}

}


@media (min-width: 768px) {
}

/* - Mobile Settings(max-width: 991.98px) */

@media (max-width: 991.98px) {

	/* -- コロナ特例 -- */
	.area202004_home {
		margin-top:0;
		padding:20px;
		width:100%
	}
	.area202004_common {
		margin-top:100px;
		padding:20px;
		width:100%
	}

	/* -- Index */
	.home .row {
		margin-right: -5px;
		margin-left: -5px;
	}
	.home #area-pizza { background: #000 url(../img/index/bg_toppage_pizza.jpg) left top; }
	.home #area-location { background: #000 url(../img/index/bg_toppage_location.jpg) left center; }
	.home #area-beer { background: #000 url(../img/index/bg_toppage_beer.jpg) left center; }
	.home .block {
		width: 100%;
		font-size: 1em;
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0;
		color: #fff;
		z-index: 501;
	}
	.home .block .inner {
		max-width: 22rem;
		background: rgba(0,0,0,0.7);
		margin: 2rem auto;
		padding: 0 0 1rem;
		text-align: center;
	}
	.home .block .inner h2 {
		padding: .6rem 0 .4rem 0;
		background-color: #a50905;
		background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
		border-bottom: 1px solid #a50905;
		font-size: 1.2rem;
		color: #f1eedf;
	}
	.home .block .inner h3 {
		margin: 2rem 0;
		font-size: 1.4rem;
	}
	.home .block .inner h3 a {
		padding: .4rem 0 .2rem;
		border: 1px double #666;
		border-width: 3px 0;
		color: #fff;
	}
	.home .block .inner h3 a:hover {
		border: 1px double #454545;
		border-width: 3px 0;
		text-decoration: none;
		color: #ccc;
	}
	.home .block .inner p {
		margin: 1.4rem 1rem;
		font-size: 1rem;
	}
	.home .block .inner p a {
		color: #fff;
		text-decoration: underline;
	}
	.home .block .inner p a:hover {
		text-decoration: none;
	}


	/* -- Page -- */
	.page {
		background: #000;
	}
	.page-id-100, .page-id-5336 {
		background: #000 url(../img/common/bg_about.jpg) repeat-x center top;
	}
	.page-id-103 {
		background: #000 url(../img/index/bg_toppage_location.jpg) repeat-x center -1200px;
	}
	.page-id-104 {
		background: #000 url(../img/common/bg_jobs.jpg) repeat-x center top;
	}
	.page-id-1000 {
		background: #000 url(../img/common/bg_kanda.jpg) repeat-x center top;
	}
	.page-id-2000 {
		background: #000 url(../img/common/bg_hamamatsucho.jpg) repeat-x center -300px;
	}
	.page-id-3000 {
		background: #000 url(../img/common/bg_gotanda.jpg) repeat-x center -300px;
	}
	.home #logo,
	.page #logo {
		position: fixed;
		top: 0;
		left: 0;
		width: 80px;
		padding-left: 5px;
		z-index: 1001;
		text-align: left;
	}
	.home #logo img,
	.page #logo img {
		width: 88px;
		height: 88px;
	}
	.home #site-info-lg,
	.page #site-info-lg {
		display: none;
	}
	.home #site-info,
	.page #site-info {
		position: fixed;
		top: 0;
		left: 0;
		margin-top: .6rem;
		padding: .4rem .5rem .4rem;
		width: 100%;
		z-index: 1000;
		text-align: right;
		background: rgba(0,0,0,0.7);
		border-top: 1px solid #565454;
		border-bottom: 1px solid #565454;
		box-shadow: 0 0 50px 50px rgba(0, 0, 0, 0.77), 0 0 20px 20px rgba(0, 0, 0, 0.2) inset;
		overflow: visible;
	}
	.home #site-info-update-others,
	.page #site-info-update-others {
		position: absolute;
		top: 3.6rem;
		right: 0.5rem;
	}
	.home .wrapper,
	.page .wrapper {
		padding: 6.5rem 0 1rem 0;
		background: #000 url(../img/common/bg_concrete.jpg) repeat 0 0 fixed;
		box-shadow: 0 0 50px 100px rgba(0, 0, 0, 0.77) inset;
	}
	.home .col-md-12,
	.page .col-md-12 {
		padding: 0;
	}


	.page .wrapper {
		/*コロナ特例
		margin-top: 18rem;
		*/
		margin-top: 8rem;
		padding: 6.5rem 0 0;
		background: #000 url(../img/bg_concrete.jpg) repeat 0 0;
	}
	.page .container,
	.page .row {
		position: relative;
	}
	.page #pagetitle h1 {
		position: absolute;
		top: -5rem;
		left: .5rem;
		z-index: 502;
		color: #fff;
		font-size: 2rem;
		line-height: 1;
	}
	.page #pagetitle h1 span {
		font-size: 1.4rem;
		color: #dc3545;
	}
	.page #pagetitle .h1_after {
		position: absolute;
		top: 13.5rem;
		left: .5rem;
		z-index: 502;
		font-size: .9rem;
		color: #ccc;
	}
	.page .row {
		margin-top: -7rem;
		padding: 1.4rem .5rem 0;
		height: 100%;
		background: #000 url(../img/bg_brick.jpg) repeat 0 0;
		box-shadow: 5px 5px 35px 50px rgba(0,0,0,0.5), 0 0 100px 100px rgba(0,0,0,0.4) inset;
	}
	.page .row .mainarea {
		padding: 0;
		background: transparent;
	}
	.page .row article {
		color: #fff;
	}
	.page #spPageNavi {
		counter-reset: spPageNaviCount;
	}
	.page #spNotice {
		border: 1px solid rgb(123, 29, 29);
	}
	.page #spNotice .card-header {
		padding: 0;
		background-color: #a50905;
		background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
		border-bottom: 1px solid rgb(2, 1, 1);
	}
	.page #spNotice .card-header h2 {
		width: 100%;
		padding: .375rem .375rem;
		text-align: left;
		font-size: 1rem;
		color: #fff;
	}

	.page #spPageNavi > .card {
		border: 1px solid rgb(123, 29, 29);
	}
	.page #spPageNavi .card-header {
		padding: 0;
		background-color: #a50905;
		background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
		border-bottom: 1px solid rgb(2, 1, 1);
	}
	.page #spPageNavi .card-header h2 button {
		width: 100%;
		padding: .375rem .375rem;
		text-align: left;
		font-size: 1rem;
		color: #fff;
	}
	.page #spPageNavi .card-header h2 button:before {
		counter-increment: spPageNaviCount;
		content:counter(spPageNaviCount) ". ";
		color: #a76d6d;
	}
	.page #spPageNavi .card-header h2 button:hover,
	.page #spPageNavi .card-header h2 button:focus {
		text-decoration: none;
	}
	.page #spPageNavi .card-header i {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 1.2rem;
		color: #a76d6d;
	}
	.page #spPageNavi .taplist {
		border: 1px solid #333;
	}
	
	#carouselShop {
		margin-left: -.5rem;
		margin-right: -.5rem;
	}
	.spCardMenu .card {
		border-bottom: 1px solid rgba(0,0,0,.125) !important;
		border-radius: .25rem !important;
	}
	.spCardMenu .card-body {
		padding: 1rem .5rem;
	}

	.article-card {
		border: 1px solid #3e3e3e !important;
	}
	.article-card .card-header {
		padding: .5rem .5rem;
		background-color: #a50905;
		background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
		border-bottom: 1px solid rgb(2, 1, 1);
		color: #fff;
	}
	.article-card .card-header h2 {
		margin-bottom: 0;
		padding-top: .3rem;
		font-size: 1.4rem;
	}
	.article-card .card-body {
		background: #000;
		color: #fff;
	}

	/* -- Footer -- */
	#row_footer {
		margin-top: 0;
	}
	#footer {
		width: 100%;
		padding: .5rem 0;
		background: #000;
		text-align: center;
		color: #f1f1f1;
		font-size: .8rem;
	}
	#footer a {
		color: #fff;
		text-decoration: underline;
	}
	#footer a:hover {
		text-decoration: none;
	}

}

@media (min-width: 992px) {

	.home .wrapper,
	.home .row,
	.home .container {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
		min-height: 600px;
		position: relative;
	}

	.home .block {
		font-size: 1em;
		position: relative;
		display: inline-block;
		/*margin: 30vh auto 0 auto;*/
		margin: 7vh auto 0 auto;
		color: #fff;
		z-index: 501;
	}
	.home .block .inner {
		max-width: 24rem;
		background: rgba(0,0,0,0.7);
		border: 1px solid #bc3131;
		border-radius: 0.25rem;
		box-shadow: 5px 5px 35px rgba(0,0,0,0.75);
	}
	.home .block .inner h2 {
		padding: .6rem 0 .4rem 0;
		background-color: #a50905;
		background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
		border-bottom: 1px solid #a50905;
		font-size: 1.5rem;
		color: #fff;
	}
	.home .block .inner h3 {
		margin: 2rem 0;
		font-size: 1.4rem;
	}
	.home .block .inner h3 a {
		padding: .4rem .5rem .2rem;
		border: 1px double #666;
		border-width: 3px 0;
		color: #fff;
	}
	.home .block .inner h3 a small {
		font-size: 0.7rem;
	}
	.home .block .inner h3 a:hover {
		border: 1px double #454545;
		border-width: 3px 0;
		text-decoration: none;
		color: #ccc;
	}
	.home .block .inner p {
		margin: 1.4rem 1rem;
		font-size: 1rem;
	}
	.home .block .inner p a {
		color: #fff;
		text-decoration: underline;
	}
	.home .block .inner p a:hover {
		text-decoration: none;
	}

}

/*
 .page
 */
.page .mainarea .table th,
.page .mainarea .table td {
	border: 1px solid #666;
	vertical-align: middle;
	text-align: center;
}
.page .mainarea .table thead th:first-child {
	border: 1px solid #666;
	border-width: 0 1px 1px 0;
}
.page .mainarea .bg-secondary {
	background: #f1f1f1 !important;
}


/*
 .page
 */
@media (max-width: 991.98px) {


}


/*
	Modal ----------------------------------------------------------------------------------------------------
*/
.modal-open {
	width: 100%;
}
.modal .close {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #fff !important;
	text-shadow: 0 1px 0 #000;
}
.modal-lg {
	max-width: 960px;
}
.modal-content {
	background: transparent;
}
.modal-body {
	background: rgba(0,0,0,0.88);
	box-shadow: 5px 5px 35px rgba(0,0,0,0.75);
	border: 1px solid #5f3f3f;
	border-radius: 0 0 .3rem .3rem;
}
.modal-body .card {
	background: transparent;
	border: 1px solid #3e3e3e;
}
.modal-body .card h3 {
	color: #cecece;
}
.modal-body .card-body {
	background: rgba(30,30,30,0.7);
	color: #ffff;
	font-size: .9rem;
}
.modal-body p,
.modal-body li {
	color: #fff;
}
.modal-body li {
}
.modal-body hr {
	border-top: 1px solid #5f3f3f;
}
.modal-body .btn {
	margin-top: .5rem;
}
.modal-header {
	padding: .6rem 0 .4rem 0;
	background-color: #a50905;
	background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
	border-bottom: 1px solid #a50905;
	font-size: 1.5rem;
	color: #fff;
}
.modal-header {
	padding-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0;
}
.modal h3 {
	margin: 1rem 0;
	color: #fff;
}
#modalOnTap .modal-body h3 small {
	font-size: 1rem;
}
#modalOnTap .modal-body img {
	border: 1px solid #ccc;
}
.page .block .inner h3 {
	margin: 2rem 0;
	font-size: 1.4rem;
}
.modal-body .nav-tabs {
	border-bottom: 1px solid #000;
}
.modal-body .nav-tabs .nav-link {
	background-color: #e1e1e1;
	margin-right: 1px;
	border-bottom: 1px solid #999;
	color: #495057;
}
.modal-body .nav-tabs .nav-link.active {
	background-color: #a50905;
	background-image: linear-gradient(to right, #a50905 0%, #bc3131 50%, #a50905 100%);
	border-bottom: 1px solid #000;
	color: #fff;
}
.modal-body .tab-content {
	margin-top: 2rem;
}
.modal .card-header {
	padding: 0;
	background: #000;
}
.modal .card-header .btn {
	color: #fff;
	text-decoration: none;
}
.modal .card-header .btn:hover {
	text-decoration: none;
}

	.modal {
		z-index: 1100;
	}
	#modalMobileNav {
		z-index: 1050;
	}
	#modalMobileReservation {
		z-index: 1200;
	}
	
@media (max-width: 991.98px) {
	.modal-dialog {
		margin: 5px 1px;
	}
	.modal h2 {
		font-size: 1.5rem;
	}
}

	#modalReservation {
		z-index: 1200;
	}
	#modalParty {
		z-index: 1300;
	}

.modal-open {
  position: fixed;
  overflow: hidden;
}