body{	background-color: white;
			-moz-background-size: 20px 20px;
			-webkit-background-size: 20px 20px;
			background-size: 20px 20px;
}

@media (max-width: 575.98px) {
	.item_td{
		font-size: 1.4rem;
	}
	.col-md-6{
		padding-right: 0px;
		padding-left: 0px;
	}
	.mobile-mb10{
		margin-bottom: 10px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.item_td{
		font-size: 1.4rem;
	}
	.col-md-6{
		padding-right: 0px;
		padding-left: 0px;
	}
	.mobile-mb10{
		margin-bottom: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.item_td{
		font-size: 1.4rem;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.item_td{
		font-size: 1.4rem;
	}
}

@media (min-width: 1200px) {
	.item_td{
		font-size: 1.4rem;
	}

}
.w90{width: 90%;margin-left: auto;margin-right: auto;}
.h100px{height: 100px;}
.h70px{height: 70px;}
.h50px{height: 50px;}
.h30px{height: 30px;}
.h25px{height: 25px;}
.h20px{height: 20px;}
.h10px{height: 10px;}
.h5px{height: 5px;}
.center{text-align: center;}
.bottom0{padding-bottom: 0px !important; 
	margin-bottom: 0px !important;}
.bottom5{margin-bottom: 5px;}
.bottom10{margin-bottom: 1rem;}

.pad10{padding-left: 10px;padding-right: 10px;}
.pad5{padding-left: 5px;padding-right: 5px;}
.pad0{padding: 0px!important;}
.margin10{margin: 0 10px;}
.w16p{width:16%;}
.welcome_box{
  height: 400px;
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;

  z-index: 100;
}

.confirm_num{
	font-family: 'Titillium Web', sans-serif;
	font-size: 6em;
	letter-spacing: 0.06em;
	padding-left: 20px;
	height: auto;
}

.letter{
	white-space: normal;
}

.order_num{
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.8em;
	letter-spacing: 0.06em;
	padding-left: 5px;
	text-align: center;
	height: auto;
}
.order_label{
	font-size: 2em;
	
}

.cal_holiday{
	background-color: #ff3535;
}
.w10per{
	width: 10%;
}
.numinput{
	width: 80px;
}
.admin_logo{
	width: 200px;
}

.navbar-light .navbar-toggler {
	color: #333;
	border-color: transparent;
}
.material-icons {
	vertical-align: middle;
}
button:focus {
	outline:0;
}
input[type='number'] {
	-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.card-body {
	padding: 0.5rem!important;
	}
.btn-sm {
	padding: .25rem .25rem;
}
hr {
	margin-top: .3rem;
	margin-bottom: .3rem;
}
footer {
	color:black;
	padding: 5px;
	background-color: #f8f9fa!important;
	opacity: 0.8;
}

/* Bootstrapが効かない/壊れている環境でも footer を固定表示する（PHP8.2環境の崩れ対策） */
footer.fixed-bottom{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5000;
	display: block;
}

/* モーダルは常に最前面に（navのBGやfooterが上に被らないように） */
.modal{
	z-index: 7000;
}
.modal-backdrop{
	z-index: 6900;
}

/* pickadate: 管理画面など（orderページ以外）でも日付ピッカーを縦中央に配置する
   - デフォルトは画面下寄せになりやすく、footer固定等の影響で中央からズレて見えるため
   - orderページは /css/order.css 側で body.order-page に限定して同等の調整をしている */
@media (min-height: 33.875em) {
	body:not(.order-page) .picker--opened .picker__frame {
		top: 50% !important;
		bottom: auto !important;
		margin-bottom: 0 !important;
		transform: translateY(-50%) !important;
	}
}

/* footer内部：Bootstrapのclearfix/floatに依存しない */
.admin-footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
}
.admin-footer__left,
.admin-footer__right{
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

/* footerに隠れないよう最低限の下余白を確保 */
body{
	padding-bottom: 70px;
}
	
.calc_num{
	font-family: 'Titillium Web', sans-serif !important;
	font-size: 21px !important;
	letter-spacing: 0.06em;
	text-align: right;
	height: auto;
	width:98%;
}
.btnTbl{
	padding: 0px !important;
	text-align: center;
}
.fontBlack{
	color:black;
}
.cardpad{
	padding: 1rem;
}
.cardTable{
	padding: .3rem !important;
}
.alert {
	padding: .25rem 0.75rem!important;
	margin-bottom: 0.5rem!important;

}
.calc_num2{
	font-family: 'Titillium Web', sans-serif !important;
	font-size: 26px !important;
	letter-spacing: 0.06em;
	text-align: right;
	height: auto;
	padding: 0 2px 0 2px;
	width:98%;
}

.margin_left10{
	margin-left: 10px;
}

div#shop-items td {
	padding: 5px;
	font-size: 1.4rem;
}
/* 店舗別（商品モード）の「備考欄：...」は情報量が多くなるので少し小さくする */
div#shop-items td.text-left.font-red.h6{
	font-size: 1.0rem;
	line-height: 1.25;
}
.shop-bg{
	background-color: rgba(0,0,0,.05);
}
.log_text{
	font-size: 0.7em;
}
.log_table .table td th{
	padding: 0;
	margin: 0;
}
.font-red{
	color: red;
}