/* ステータスラベル */
.stutasWidth {
	width: 150px;
}

.class-saturday a.ui-state-default {
	background-color: #c1e0ff;
	color: blue;
	font-weight: bold;
}

.class-sunday a.ui-state-default {
	background-color: #ffc1c1;
	color: blue;
	font-weight: bold;
}

.class-weekday a.ui-state-default {
	color: blue;
	font-weight: bold;
}
/* オーダー詳細の項目名表示用に利用 */
.comItemBox {
	height: 40px;
}

/* ラジオボタンの大きさなどを1.5倍する */
.transform1_5 {
	-webkit-transform: scale(1.5);
}

.btn-hover {
	position: fixed;
	bottom: 0;
	padding: 6px 40px;
}

/* ヘルプ表示などに利用 */
#iconmodal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}

	#iconmodal .overlay {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(200,200,200,0.9);
		width: 100%;
		height: 100%;
		z-index: 10;
	}

	#iconmodal .container {
		position: absolute;
		z-index: 11;
		width: 100%;
		height: 100%;
		z-index: 50000;
		text-align: right;
		background-color: #4b4b4b9c;
	}

/* 列固定 */
.column-5 {
	/* スマホでも幅固定 */
	width: 20vw;
}

/* ラジオボタン大きさ固定 */
.radio-com-width {
	width: 13px !important;
}

/* ホーム画面用 */
#news li {
	border-bottom: 1px dotted #000;
	list-style: none;
	padding: 10px;
	width: 800px;
}

#news a {
	text-decoration: underline;
}

#news span {
	background-color: #2388b8;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin-right: 20px;
	padding: 5px;
}

#news time {
	display: inline-block;
	font-weight: bold;
	margin-right: 40px;
}

#news p {
	display: inline-block;
/*	color: #1c448d;
	text-decoration: underline;
*/}

#news .new::after {
	content: "NEW";
	color: #d10606;
	font-size: 1.1rem;
	border: 1px solid #d10606;
	padding: 4px 8px;
	margin: 0 0 0 20px;
	display: inline-block;
	line-height: 1;
}

#catalog li {
	border-bottom: 1px dotted #000;
	list-style: none;
	padding: 10px;
	width: 800px;
}

#catalog a {
	color: #000;
	text-decoration: none;
}

#catalog span {
	background-color: #2388b8;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin-right: 20px;
	padding: 5px;
}

#catalog time {
	display: inline-block;
	font-weight: bold;
	margin-right: 40px;
}

#catalog p {
	color: #1c448d;
	display: inline-block;
	text-decoration: underline;
}

#catalog .new::after {
	content: "NEW";
	color: #d10606;
	font-size: 1.1rem;
	border: 1px solid #d10606;
	padding: 4px 8px;
	margin: 0 0 0 20px;
	display: inline-block;
	line-height: 1;
}

/* 資材依頼 */
/* タブ用 */
.nav-dai .nav-item .nav-link.active {
	background-color: #808080;
	color: white;
}

.nav-chu .nav-item .nav-link.active {
	background-color: #add8e6;
	color: black;
}

/* 入力チェック用 */
.errChk {
	background-color: #ffebeb !important;
}

/* 付随製品 */
.sameSeihin {
	background-color: #ffebeb !important;
	color: red;
}

/* 注文書印刷用 */
.font16 {
	font-size: 16px !important;
}

.font14 {
	font-size: 14px !important;
}

.font13 {
	font-size: 13px !important;
}

.font12 {
	font-size: 12px !important;
}

.font11 {
	font-size: 11px !important;
}

.font10 {
	font-size: 10px !important;
}

.badge {
	padding: 8px !important;
}

/* 製品画像モーダル */
#seihinImg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}

	#seihinImg .overlay {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(200,200,200,0.9);
		width: 100%;
		height: 100%;
		z-index: 10;
	}

	#seihinImg .container {
		position: absolute;
		z-index: 11;
		width: 100%;
		height: 100%;
		z-index: 50000;
		text-align: right;
		background-color: #4b4b4b9c;
	}

		#seihinImg .container .close {
			background-color: transparent;
			width: 50px;
			height: 50px;
			margin-left: auto;
			color: white;
			font-size: 40px;
			cursor: pointer;
			text-align: center;
			font-weight: bold;
			padding: 10px;
			position: fixed;
			right: 0px;
		}

		#seihinImg .container .inner {
			height: 100%;
			text-align: center;
			margin-top: 50px;
			margin-left: 20px;
			margin-right: 20px;
		}

			#seihinImg .container .inner img {
				height: 80%;
				width: 100%;
				object-fit: contain;
			}

			#seihinImg .container .inner video {
				height: 80%;
				width: 100%;
				object-fit: contain;
			}

			#seihinImg .container .inner .download {
				position: fixed;
				bottom: 5%;
				left: 50%;
				z-index: 60000;
				transform: translate(-50%, -50%);
				width: 100px;
				height: 30px;
				background-color: #059;
				font-size: 15px;
				color: white;
				text-decoration: none;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 10px;
				border: solid 5px #023965;
			}

.carousel-indicators li {
	background-color: black;
}

.dataTables_filter input {
	width: auto !important;
}

/* スマホサイズ */
@media screen and (max-width:480px) {
	/* 注文数量のテキストを大きく */
	.chumonTxt {
		width: 30vw !important;
	}
}

/* 注文数量のdatalist矢印は非表示 */
input.chumonTxt::-webkit-calendar-picker-indicator {
	display: none !important;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
}

.flex-item {
	flex-grow: 1;
	min-height: 40px; /* デフォルトの高さ */
	
}