/* html, body {
	font-family: 'Noto Sans JP', sans-serif;
  } */

/* 
----------------------------------------- */
.w800px {	width: 600px !important;	}
.w700px {	width: 600px !important;	}
.w600px {	width: 600px !important;	}
.w500px {	width: 500px !important;	}
.w450px {	width: 450px !important;	}
.w400px {	width: 400px !important;	}
.w350px {	width: 350px !important;	}
.w300px {	width: 300px !important;	}
.w250px {	width: 250px !important;	}
.w240px {	width: 240px !important;	}
.w230px {	width: 230px !important;	}
.w220px {	width: 220px !important;	}
.w210px {	width: 210px !important;	}
.w200px {	width: 200px !important;	}
.w190px {	width: 190px !important;	}
.w180px {	width: 180px !important;	}
.w170px {	width: 170px !important;	}
.w160px {	width: 160px !important;	}
.w150px {	width: 150px !important;	}
.w140px {	width: 140px !important;	}
.w130px {	width: 130px !important;	}
.w120px {	width: 120px !important;	}
.w110px {	width: 110px !important;	}
.w100px {	width: 100px !important;	}

.w90px {	width: 90px !important;	}
.w80px {	width: 80px !important;	}
.w70px {	width: 70px !important;	}
.w60px {	width: 60px !important;	}
.w50px {	width: 50px !important;	}
.w40px {	width: 40px !important;	}
.w30px {	width: 30px !important;	}
.w20px {	width: 20px !important;	}



.h600px {	height: 600px !important;	}
.h550px {	height: 550px !important;	}
.h500px {	height: 500px !important;	}
.h400px {	height: 400px !important;	}

.h90px {	height: 90px !important;	}
.h80px {	height: 80px !important;	}
.h70px {	height: 70px !important;	}
.h60px {	height: 60px !important;	}
.h50px {	height: 50px !important;	}
.h40px {	height: 40px !important;	}
.h30px {	height: 30px !important;	}

.w-calc-20 { width: calc(100% - 20px);}
.h-calc-20 { height: calc(100% - 10px);}

.hr-my2 { 
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.hr-my3 { 
	margin-top: 1rem;
	margin-bottom: 1rem;
}


/* calendar icon delete */
.icon-del::-webkit-calendar-picker-indicator {
	/* display: none; */
	position: absolute;
    width: 100%;
    height: 100%;
	opacity: 0;
}

/**
* tagfiy
*/
.tagify{    
	width: 100%;
	/* max-width: 500px; */
  }

  
/**
* ファイルINPUT
*/
.custom-file {
	overflow: hidden;
}
.custom-file-label {
	white-space: nowrap;
}

a#id_sbox_collapse[aria-expanded="false"]:before {
	margin-left: .5em;
	margin-right: .5em;
	
	font-size:1.25em;
	font-family: fontAwesome;
	content: '\f0d7';
	/* font-family: "Line Awesome Free","Line Awesome Brands"; */
	/* content: '\f107'; */
  }
  
  a#id_sbox_collapse[aria-expanded="true"]:before {
	margin-left: .5em;
	margin-right: .5em;
	
	font-size:1.25em;
	font-family: fontAwesome;
	content: '\f0d8';
	/* font-family: "Line Awesome Free","Line Awesome Brands"; */
	/* content: '\f106'; */
	
}


/* content head title */
p.head-title {
	font-size: 1.75rem;
}

/* p.overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
} */

/** required mark */
label.required::after {
	content: " *";
	color: red;
	vertical-align: middle;
  }


/**
*/
.row-5{
	height: calc( 1.3em * 5 ) !important;
	line-height: 1.3;
}

.row-10{
	height: calc( 1.3em * 10 ) !important;
	line-height: 1.3;
}

/**
*/
table thead th {
    font-weight: normal !important;
    color: gray;
}

/**
*/
.table-small th{
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	/* font-size: 13pt !important; */
	
}
.table-small td{
	padding-top: 0.3rem !important;
	padding-bottom: 0.3rem !important;

	/* font-size: 13px !important; */
}

table.task td{
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
	max-width: 0;
}

.overflow td{
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
	max-width: 0;
}

.tdoverflow{
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
	max-width: 0;
}

.circle{
    width: 80px;
	height: 80px;
	
    height: 25px;
    border-radius: 25px;
    background: #42b3e5;
}

/**
*/
.icon-small{
	font-size: 1.6em;
}


/**
* ==========================================
* dragdocument
* ==========================================
*/
#inputFile {
    position: relative;
    padding: 65px 0 20px;
    text-align: center;
}

#dropArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px 0 0;
    border: 2px dashed #494949;
    background: rgba(22, 165, 191, 0);
    transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}

#dropArea.dragover {
    border: 2px solid #16a5bf;
    background: rgba(22, 165, 191, 0.6);
}

#document_file {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 280px;
    height: 50px;
    opacity: 0;
}

#inputFileWrap {
    position: relative;
    display: inline-block;
}

#btnInputFile,
#btnChangeFile {
    display: table;
    width: 300px;
}

#btnChangeFile {
    display: none;
}

#btnInputFile span,
#btnChangeFile span {
    position: relative;
    z-index: 2;
    display: table-cell;
    width: 280px;
    height: 50px;
    border: 1px solid #333;
    border-radius: 4px;
    background: #333;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
}

#upFileWrap.selected #btnInputFile {
    display: none;
}

#upFileWrap.selected #btnChangeFile {
    display: table;
}

/**
*/
label {
	font-weight: normal !important;
}