@charset "UTF-8";
@import url("color.css");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

small{
	font-size: 0.77em;
}

.main-header .logo{
	font-size: 18px;
}
b{
	font-weight: 700;
}

.question-tooltips {
  display: block;
  position: absolute;
  z-index: 9999;
  width: auto;
  height: auto;
  padding: 0.3em 0.5em;
  color: #FFFFFF;
  font-size: .8rem;
  background: #000;
  border-radius: 0.5em;
}
.question-tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #000;
}

.overLay{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 2000;
	position: fixed;
	display: none;
    top: 0;
}

.loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px;
	padding-top: 10px;
	font-size: 56px;
	color: #fff;
	text-align: center;
	/* background-color: rgba(0,0,0,.7); */
	border-radius: 20px;
	z-index: 2001;
}

/*エラー表示*/
.erroeBox,
.parsley-errors-list.filled,
.parsley-custom-error-message{
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #f00;
	list-style: none;
}

.alert>ul>li{
	list-style: none;
}
.alert>ul{
	padding-left: 0;
	padding-inline-start: 0;
}

.textCution{color: #f00;}

a {color: #039;}

.mb20{margin-bottom: 20px;}

.mb10{margin-bottom: 10px;}

.mb5{margin-bottom: 5px;}

.maxWidthDef{max-width: 1100px;}

.maxWidthMin{max-width: 800px;}

.imgThumbnail img,.imgThumbnail2 img{max-width: 100%;max-height: 100px;}

.ellipis {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

.ellipisMulti{
	line-height: 1.5;
	height: 3em;
	font-size: 80%;
	overflow: hidden;
	position: relative;
	word-break: break-all;
	text-align:justify;
	text-justify: inter-ideograph;
}
.ellipisMulti:before{
    content:'...';
    background: #FAFAFA;
    position: absolute;
    width: 1em;
    right: 0px;
    text-aline:center;
    top:1em;
}

.ellipisMulti:after{
    content: "";
    height: 100%;
    width: 100%;
    background: #FAFAFA;
}

.control-body{
	padding-top: 7px;
}

/*サイドナビ*/
.nav-sidebar .nav-link > p > .right{
	top:.5rem;
}
.nav-sidebar>.nav-header{
	 font-size: 12px;
 }

.nav-sidebar .nav-link>p{
	font-size: 14px;
}

.nav-treeview>.nav-item>.nav-link>p {
	font-size: 12px;
}

.nav-treeview>.nav-item>.nav-link>.nav-icon{
	font-size: 8px;
}

.nav-sidebar>.nav-item .nav-icon{
	font-size: 16px;
}

.nav-item.has-treeview.menu-open{
	background-color: rgba(255, 255, 255, .05);
}
.table{
	margin-bottom: 5px;
}

.table .thead-dark th {
    color: #fff;
    background-color: #3f3f3f;
    border-color: #333;
}

.table .thead-light th {
    color: #999;
    background-color: #f9f9f9;
    border-color: #eee;
}
/* ボタン */
.btn-group-xs>.btn, .btn-xs {
    padding: .1rem .2rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: .2rem;
}

/* コンパクトなサイドナビ */
.nav-compact .nav-header,
.nav-compact .nav-link {
    display: block;
    padding: .25rem .5rem;
}

/* サイドナビ・インデント */
.nav-sidebar.nav-child-indent .nav-treeview {
    transition: padding .3s ease-in-out;
    padding-left: 1rem;
}

/* ページネーション */
ul.pagination{
	margin-bottom: 0;
}
table th,
table td,
table th a,
table td a{
	font-size: 14px;
}
.btn-danger.delete.btn,
.btn-danger.delete.btn:hover{
	color: #fff;
}
/* HOME ページ */
.card-title {
    float: left;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
}
.card-header>.card-tools {
    position:relative;
    float: right;
    margin-right: -.625rem;
    right: auto;
    top: auto;
}
.card .overlay.dark, .info-box .overlay.dark, .overlay-wrapper .overlay.dark, .small-box .overlay.dark{
	background: rgba(0,0,0,.5);
}
.card .overlay, .info-box .overlay, .overlay-wrapper .overlay, .small-box .overlay {
    border-radius: .25rem;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255,255,255,.7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 50;
}
.card>.loading-img, .card>.overlay, .info-box>.loading-img, .info-box>.overlay, .overlay-wrapper>.loading-img, .overlay-wrapper>.overlay, .small-box>.loading-img, .small-box>.overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.small-box{
	position:relative;
}
.small-box .icon{
    color: rgba(255,255,255,.30);
    z-index: 0;
}
.small-box .icon>i.fa {
    font-size: 70px;
    top: 20px;
}
.small-box .icon>i {
    font-size: 90px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all .3s linear;
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse);
}
.input-group-lg>.custom-select, .input-group-sm>.custom-select {
    padding-right: 1.75rem;
}
.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px);
}
@media (min-width: 768px){
	.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
		font-size: 12px;
	}
	.table-responsive{
		-webkit-overflow-scrolling: touch;
	}
}

label.required{
    position: relative;
    padding-right: 3rem;
}
label.required::before{
    position: absolute;
    content: '(必須)';
    width: 3rem;
    height: 1.5rem;
    right: -0;
    padding: 3px;
    text-align: center;
    color: #dc3545;
    font-size: .75rem;
}
.custom-file-label::after{
    content: "参照";
    cursor: pointer;
}