@charset "UTF-8";

/****************************　　　追加　　　**********************************/

.login-msg{
	margin-left:20px;
	margin-right:20px;
	font-size:2em;
	padding-right: 30px;
}

/* メニュー画面 */
.menu{
	margin-top: 10% ! important;
	min-height: 350px ! important;
}
.menu-icon{
	display: inline-block;
	width: 100%;
	border: solid;
    border-color: #a5a9e4;
    border-radius: 20px
}
.menu-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: auto;
}
.menu-list a{
	display: inline-block;
	width: 12%;
	height: auto;
	margin-top: 5%;
	margin-left: 1%;
	margin-right: 1%;
}
.menu-link{
	margin: auto;
}
.message-block{
    background-color: #ffe3e3;
    border: 5px solid #c1c4c7;
    min-height: 100px;
}
.message-font{
	font-size: 1.6rem;
	text-decoration: underline;
}
.msg-image {
    padding-left: 6%;
    zoom: 80%;
    margin-right: 20px;
}

/****************************　　　注文一覧　　　**********************************/
/* 各td幅％指定 */
.width17{
	width: 17%;
}
.width12{
	width: 12%;
	white-space: nowrap;
}
.width26{
	width: 26%;
}
.width11{
	width: 11%;
}
.width10{
	width: 10%;
}
.width35{
	width: 35%;
}
/*　一括削除ボタン　*/
.btnAllDelete{
    font-size: 3em;
    width: 50%;
    text-align: center;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: linear-gradient(#757474 50%, #646060 100%);
    box-shadow: 0px 2px 2px rgb(0 0 0 / 29%);
    border-bottom: solid 4px #5b5d60;
    border-radius: 30px;
}
/****************************　　　決済画面　　　**********************************/
/*預り金額のinput*/
.inputDeposit{
	text-align: right; 
	font-size: 1em; 
	line-height:50px; 
	height:50px;
}
/*売上日周りのtd*/
.saleTd{
	width: 60%; 
	background-image: linear-gradient(#869EFB 20%, #3353D0 100%); 
	border-radius: 30px;
}
.saleTdCamp{
	width: 60%; 
	background-image: linear-gradient(#F9832E 50%, #f95b5b 100%); 
	border-radius: 30px;
}
.saleTdPayment{
	width: 60%; 
	background-image: linear-gradient(180deg, #a4ffad, #71dcb2 3%, #0e98bd);
	border-radius: 30px;
}
/*売上日入力input*/
.inputSaleDay{
	text-align: center; 
	width: 300px;  
	color: white; 
	background-image: linear-gradient(#869EFB 20%, #3353D0 100%);
}
.inputSaleDayCamp{
	text-align: center; 
	width: 300px; 
	color: white; 
	background-image: linear-gradient(#F9832E 50%, #f95b5b 100%)
}
.inputSaleDayPayment{
	text-align: center; 
	width: 300px; 
	color: white; 
	background-image: linear-gradient(180deg, #a4ffad, #71dcb2 3%, #0e98bd);
}