@charset "utf-8";

@font-face {
	font-family: 'NunitoRegular';
	src: url(/font/Nunito-Regular.ttf);
}
body{
	background-color: #09225d !important;
	font-size: 1.2rem;
	font-family: NunitoRegular;
}

.table_nowrap_white_space th,
.table_nowrap_white_space td
{
	white-space: nowrap;
}

.px-3\.5{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.px-2\.15rem{
	padding-left: 2.15rem !important;
	padding-right: 2.15rem !important;
}
.mgt_3{
	margin-top: 3px;
}
.mgt_5{
	margin-top: 5px;
}
.mgt_10{
	margin-top: 10px;
}
.mgt_15{
	margin-top: 15px;
}
.mgt_20{
	margin-top: 20px;
}
.mgt_30{
	margin-top: 30px;
}
.mgb_0{
	margin-bottom: 0px !important;
}
.mgb_2{
	margin-bottom: 2px;
}
.mgb_3{
	margin-bottom: 3px;
}
.mgb_4{
	margin-bottom: 4px;
}
.mgb_5{
	margin-bottom: 5px;
}
.mgb_10{
	margin-bottom: 10px;
}
.mgb_15{
	margin-bottom: 15px;
}
.mgb_20{
	margin-bottom: 20px;
}
.mgb_30{
	margin-bottom: 30px;
}
.mgl_3{
	margin-left: 3px;
}
.mgl_5{
	margin-left: 5px;
}
.mgl_10{
	margin-left: 10px;
}
.mgl_15{
	margin-left: 15px;
}
.mgl_20{
	margin-left: 20px;
}
.mgl_50{
	margin-left: 50px;
}
.mgl_20_forced{
	margin-left: 20px !important;
}
.mgl_30{
	margin-left: 30px;
}
.mgr_0{
	margin-right: 0px !important;
}
.mgr_5{
	margin-right: 5px;
}
.mgr_10{
	margin-right: 10px;
}
.mgr_15{
	margin-right: 15px;
}
.mgr_20{
	margin-right: 20px;
}
.mgr_20_forced{
	margin-right: 20px !important;
}
.mgr_30{
	margin-right: 30px;
}
.pdl_0{
	padding-left: 0px !important;
}
.pdl_10{
	padding-left: 10px;
}
.pdl_15{
	padding-left: 15px;
}
.pdl_30{
	padding-left: 30px;
}
.pdt_10{
	padding-top: 10px;
}
.pdr_0{
	padding-right: 0px !important;
}
.padding_5{
	padding: 5px;
}
.padding_unset{
	padding: unset !important;
}
.py-unset{
	padding-top: unset;
	padding-bottom: unset;
}
.pb-unset{
	padding-bottom: unset;
}
.margin_unset{
	margin: unset !important;
}
.margin_left_unset{
	margin-left: unset !important;
}

.pgl_2_imp{
	padding-left: 2px !important;
}
.pgl_5_imp{
	padding-left: 5px !important;
}

.width_rate_80{
	width: 80% !important;
}

.width_100px{
	width: 100px;
}

.picking_horizontal_line{
	border-bottom: 3px solid #000000;
}

.picking_horizontal_dottedline{
	border-bottom: 3px dotted #000000;
}
.bd_t_gray{
	border-top: 1px solid gray;
}
.bd_b_gray{
	border-bottom: 1px solid gray;
}

.btn-unselected{
	background-color: #f5f5f5;
	color: #ffffff;
}
.btn-selected{
	background-color: #646766;
	color: #ffffff;
}

.file_upload_area{
	width: 100%;
	height: 120px;
	background: #f5f5f5;
	box-shadow: 0px 0px 0px 5px #f5f5f5;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
}

.file_upload_area:hover{
	border: dashed 2px #ffa500;
}

.hide_style{
	display: none;
}
.error_message_color{
	color: red;
}
.text-align-center{
	text-align: center;
}
.text-align-right{
	text-align: right;
}
.text-align-left{
	text-align: left;
}
.string_red{
	color: red;
}
.flex_unset{
	flex: unset
}

.fontsize_15{
	font-size: 15px;
}

.menu_border{
	border-top: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.15);
}

.menu_border_top{
	border-top: 1px solid rgba(0,0,0,.15);
}

/*
	col-sm-5は、max-width: 41.6666666667%;
	col-sm-6は、max-width: 50%;
	その間を定義する
*/
.org_col-sm-5-6{
	max-width: 46% !important;
}
.org_col-sm-2-3{
	max-width: 20% !important;
}
.org_col-sm-3-4{
	max-width: 32% !important;
}

/* 共通ページャー */
.list_total_count{
	font-size: 20px;
	line-height: 45px;
}

.master_table_height{
	height: 60vh;
	overflow-y: auto;
}
.w-1{
	width: 1%;
}
.w-2{
	width: 2%;
}
.w-3{
	width: 3%;
}
.w-4{
	width: 4%;
}
.w-5{
	width: 5%;
}
.w-6{
	width: 6%;
}
.w-7{
	width: 7%;
}
.w-8{
	width: 8%;
}
.w-9{
	width: 9%;
}
.w-10{
	width: 10%;
}
.w-12{
	width: 12%;
}
.w-13{
	width: 13%;
}
.w-15{
	width: 15%;
}
.w-17{
	width: 17%;
}
.w-18{
	width: 18%;
}
.w-20{
	width: 20%;
}
.w-22{
	width: 22%;
}
.w-23{
	width: 23%;
}
.w-27{
	width: 27%;
}
.w-28{
	width: 28%;
}
.w-30{
	width: 30%;
}
.w-31{
	width: 31%;
}
.w-32{
	width: 32%;
}
.w-35{
	width: 35%;
}
.w-36{
	width: 36%;
}
.w-37{
	width: 37%;
}
.w-40{
	width: 40%;
}
.w-54{
	width: 54%;
}
.w-58{
	width: 58%;
}
.w-60{
	width: 60%;
}
.w-65{
	width: 65%;
}
.w-70{
	width: 70%;
}
.w-80{
	width: 80%;
}
.w-85{
	width: 85%;
}
.w-90{
	width: 90%;
}
.w-35px{
	width: 35px;
}
.w-80px{
	width: 80px;
}
.w-100px{
	width: 100px;
}
.w-130px{
	width: 130px;
}
.w-180px{
	width: 180px;
}
.w-200px{
	width: 200px;
}
.max-w-300px{
	max-width: 300px;
}
.min-w-20px{
	min-width: 20px;
}
.min-w-25px{
	min-width: 25px;
}
.min-w-30px{
	min-width: 30px;
}
.min-w-40px{
	min-width: 40px;
}
.min-w-50px{
	min-width: 50px;
}
.min-w-60px{
	min-width: 60px;
}
.min-w-70px{
	min-width: 70px;
}
.min-w-80px{
	min-width: 80px;
}
.min-w-90px{
	min-width: 90px;
}
.min-w-100px{
	min-width: 100px;
}
.min-w-115px{
	min-width: 115px;
}
.min-w-120px{
	min-width: 120px;
}
.min-w-130px{
	min-width: 130px;
}
.min-w-150px{
	min-width: 150px;
}
.min-w-200px{
	min-width: 200px;
}
.min-w-730px{
	min-width: 730px;
}
.h-25px{
	height: 25px;
}
.h-40px{
	height: 40px;
}
.mh-130px{
	max-height: 130px;
}
.mh-150px{
	max-height: 150px;
}
.max-h-130px{
	max-height: 130px;
}
.max-h-170px{
	max-height: 170px;
}
.cursor-pointer{
	cursor: pointer;
}
.border-0{
	border-width: 0px;
}
.border-4{
	border: solid;
	border-width: 4px;
}
.border-x-4{
	border: solid;
	border-left-width: 4px;
	border-right-width: 4px;
}
.border-black{
	border-color: rgb(0 0 0);
}
.border-gray{
	border: 1px solid rgba(0,0,0,.15);
}
.hover\:opacity-50:hover {
    opacity: .5
}
.hover\:primary:hover {
    background-color: #227dc7 !important;
}
.font-siez-12{
	font-size: 12px;
}
.font-siez-14{
	font-size: 14px;
}
.font-siez-18{
	font-size: 18px;
}
.font-siez-25{
	font-size: 25px;
}
.font-size-1rem{
	font-size: 1rem;
}

.gap-0\.5{
	gap: 0.125rem; /* 2px */
}
.gap-1{
	gap: 0.25rem; /* 4px */
}
.gap-1\.5{
	gap: 0.375rem; /* 6px */
}
.gap-2{
	gap: 0.5rem; /* 8px */
}
.gap-2\.5{
	gap: 0.625rem; /* 10px */
}
.gap-3{
	gap: 0.75rem; /* 12px */
}
.mt-2\.5{
	margin-top: 0.625rem; /* 10px */
}
.mb-2\.5{
	margin-bottom: 0.625rem; /* 10px */
}
.overflow-y-auto{
	overflow-y: auto;
}

.hover\:bg-e0ffff:hover{
	background-color: #e0ffff !important;
}

.bg-ffa500{
	background-color: #ffa500;
}

.fw-bold{
	font-weight: bold;
}
.resize-none{
	resize: none;
}
.top-0{
	top: 0;
}
.-top-1{
	top: -1px;
}
.right-0{
	right: 0;
}
.-right-180px{
	right: -180px;
}
.-mt-28px{
	margin-top: -28px;
}
.menu_expo:hover > .sub_menu_expo {
	display: block;
}
.none{
	display: none;
}
.ml-2\.5{
	margin-left: 0.625rem;
}
.ml-unset{
	margin-left: unset !important;
}
.mr-unset{
	margin-right: unset !important;
}
.mb-unset{
	margin-bottom: unset !important;
}
.pl-unset{
	padding-left: unset !important;
}
.contain{
	object-fit: contain;
}
.cover{
	object-fit: cover;
}
.underline{
	text-decoration-line: underline;
}
.line-clamp-1{
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.line-clamp-2{
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.line-clamp-3{
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}