/*-----login-----*/
body#login {
	background: #4f1202;
}
.loginBox .btn {
	color: #000;
	background: #c19e7c;
	border-color: #180100;
}

body {
	background: #f9efe0;
}
body#page.sales-history{
	padding-top: 162.5px;
}
.location {
	background: #f9efe0;
}
.mainMenuBot a {
	color: #4f1202;
	background: #ffd100;
}
.btn-default {
	border: solid 2px #f19200;
	color: #f19200;
	text-shadow: none;
	background: #FFF;
	font-size: 1.3em;
	line-height: 1;
}

body#page ul.list-link li a {
	border-top: solid 1px #CCC;
}
/*-----command-----*/
.command a {
	color: #4f1202;
	background: #ffd100;
}

.price {
	color: #f19200;
	font-size: 1.7em;
}
/*-----2019.10-----*/
body#page ul.list-link li a {
	border-top: none;
	border-bottom: solid 1px #CCC;
}
.serach + ul.list-link {
	border-top: solid 1px #CCC;
	border-bottom: none;
}
	body#login .container{
		flex-direction: column;
	}
	.copyright{
		font-size: 1.2rem;
	}
	.loginBox{
		margin-bottom: 2rem;
	}
/*Sales*/
#salesWrap{
margin: 30px 0 90px;	
}
#salesWrap .date{
	font-weight: bold;
	font-size: 2rem;
}
#salesWrap ul.empty{
	margin-top: 5rem;
	padding: 0;
}
#salesWrap ul.empty li{
	text-align: center;
	list-style: none;
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
}

.panel-group.sales{margin-bottom: 0;}
.panel-group.sales .panel{ margin-bottom: 15px;}
.panel-group.sales .panel-heading {	padding: 0;}
.panel-group.sales .panel-heading a{
	font-weight: bold;
	display: block;
	padding: 1em;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th[colspan] {
    border-bottom-width: 1px;
}

.table.sales{
	margin-bottom: 0;
}
.table.sales td{
	text-align: right;
}
.table.sales{
	border-bottom: 1px solid #ddd;
}
#tableScroll thead th{
	white-space: nowrap;
}
#tableScroll tr td:first-child{
	padding-left: 1em;
}
#tableScroll tr td:last-child{
	padding-right: 1em;
}
th.month{
	background: #ddd;
}

.sticky thead th {
	/* 縦スクロール時に固定する */
	position: -webkit-sticky;
	position: sticky;
	/* 高さが変わらないよう改行させない */
	white-space: nowrap;
  }
  .sticky thead th:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
	border-top: 1px solid #ccc;
  }
  .sticky thead tr:nth-child(1) th {
	top: 166.5px;
  }
.shopName{
	font-weight: bold;
	font-size: 1.5em;
	padding: .5em 0 0 .5em;
}
.fixed-area {
	position: fixed;
	top: 109px;
	left: 0;
	width: 100%;
	background: #fff;
}
@media (max-width:768px){
	body#page.sales-history{
		padding-top: 206px;
	}
	.sticky thead tr:nth-child(1) th {
		top: 206px;
	}
}

@media (max-width:480px){
	*{
		font-size: initial;
	}
	
	body#page{
		padding-top: 111px;
	}
	.command a{
		font-size: 1.8rem;
	}
	/*nav*/
	.navbar{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.userName {
		font-size: 1.4rem;
		line-height: 1.3;
		padding-left: 70px;
		width: 100%;
		margin-top: 0;
		min-height: initial;
	}
	.mainMenuBot{
		margin-bottom: .8rem;
	}
	.mainMenuBot a {
		font-size: 1.6rem;
		display: flex;
		align-items: center;
		padding: 1rem 2rem;
	}
	.mainMenu .mainMenuBot a img{
		height: 40px;
		
	}
	.mainMenu .glyphicon{
		font-size: 40px;
		min-height: initial;
	}
	.mainMenuLabel{
		min-height: initial;
		line-height: 1.3;
		margin-top: 0;
	}
	.config .glyphicon{
		font-size: 30px;
	}
	/*location*/
	.location{
		min-width: initial;
		top: 58px;
	}
	.location .prev{
		top: 0;
		left: 0;
		width: 53px;
		height: 53px;
		overflow: hidden;
	}
	.location .prev a{
		display: inline-block;
		padding: 0 10px;
		height: 53px;
		overflow: hidden;
	}
	.location .prev a .glyphicon{
		font-size: 30px;
		line-height: 53px;
	}
	.location h1{
		font-size: 1.8rem;
		line-height: 53px;
		margin: 0;
	}
	/*page*/
	ul.list-link li a:after{
		top: 50%;
		transform: translateY(-50%);
	}
	ul.list-link li a .date{
		font-size: 1.4rem;
		display: block;
		width: initial;
	}
	/*topmenu*/
	.information h1{
		font-size: 1.6rem;
		float: none;
		margin-bottom: 0;
	}
	.information button{
		font-size: initial;
		margin: 0 0 1rem;
	}
	.information ul.list-link li a{
		padding: .7rem 2rem .7rem 1.3rem;
	}
	/*sales*/
	.table.sales{
		width: 100%;
		border-bottom: none;
	}
	.table.sales th,
	.table.sales td{
		display: block;
		border: none;
	}
	.table.sales th[rowspan],
	.table.sales th[colspan]{
		background: #f8f8f8;
	}
	.table.sales td{
		border-bottom: 1px solid #ddd;
	}
	#myModal #datepicker input{
		width: 40% !important;
	}
}