@charset "utf-8";

/*==============================================
 CSS INFO
 Description : common-new css
===============================================*/

/* common
============================================== */
body{
	background-color: var(--light-blue);
	overflow: hidden;
}

/* layout
============================================== */
#wrapper{
	/*background-color: var(--light-blue);*/
	position: relative;
	width: 100%;
	height: 100%;
}
#header-contents{
	/*position: relative;*/
}
.common-alert-box{
	background-color: #fff;
}
#side-contents{
	/*position: fixed;*/
	position: absolute;
	top: 0;
	/*bottom: 0;*/
	/*padding-bottom: var(--header-height);*/
	min-height: 100%;
}
#main-contents{
	margin-left: var(--side-menu-width);
	/*padding-top: 60px;*/
	/*min-height: 100vh;*/
	overflow-y: auto;
}
#main-contents-area{
	min-height: 400px;
}
#main-contents > .container-fluid{
	overflow-y: auto;
}

/* header
============================================== */
.header-contents-inner{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/*height: 100%;*/
	position: relative;
	height: var(--header-height);
	background-color: #FFF;
	margin-left: var(--side-menu-width);
	box-shadow: var(--shadow);
	z-index: 2;
}
.login-agent-wrap{
	position: absolute;
	left: 10px;
}
.log{}
.dropdown [data-toggle="dropdown"]{
	cursor: pointer;
	padding: 0.625rem;
}
.dropdown [data-toggle="dropdown"]:hover{
	background-color: var(--light-blue);
}
.loginer.dropdown [data-toggle="dropdown"]:after{
	content: "\e5c5";
	font-family: var(--icon-font-family);
	font-size: 20px;
	display: inline-block;
	vertical-align: -4px;
}
.dropdown .dropdown-menu{
	min-width: 300px;
	animation-duration: .4s;
	animation-fill-mode: both;
	animation-name: slideIn;
}
@keyframes slideIn{
	to{margin-top:0.625rem;opacity:1}
	0%{margin-top:1.25rem;opacity:0}
}
.make-csv-button,.alert-info-button{
	padding: 5px 10px;
}
#btnPopDownload{
	width: 42px;
	height: 42px;
	background-color: #dcecf9;
}
#btnPopDownload:hover{
	background-color: #CDE1F1;
}
.alert-info-button .btn{
	width: 42px;
	height: 42px;
	background-color: #ffeeb5;
	position: relative;
}
.badge-notice{
	background: #FF0000;
	border-radius: 50%;
	color: #FFF;
	font-size: 10px;
	padding: 3px;
	min-width: 20px;
	display: inline-block;
	text-align: center;
}
#btnPopDownload > .badge-notice{
	position: absolute;
	right: -6px;
	top: -7px;
}
.alert-info-button .btn > .badge-notice{
	position: absolute;
	right: -6px;
	top: -7px;
}
.login-agent-wrap{
	display: flex;
	align-items: center;
}
.login-agent-list{
	padding-left: 5px;
}
.login-agent-list .dropdown-menu .dropdown-item{
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.login-agent-list .dropdown-menu .dropdown-item.sel{
	background-color: var(--light-yellow);
}
.login-agent-list .dropdown-menu .dropdown-item.sel:before{
	content: "ログイン中";
	font-size: 10px;
	background-color: var(--yellow);
	border-radius: 80px;
	line-height: 1;
	padding: 2px 5px;
	color: #FFF;
}
/*.login-agent-list .dropdown-item.active,
.login-agent-list .dropdown-item:active{
	background-color: #e9ecef;
	color: #212529;
}*/

/* footer
============================================== */
footer{
	border-top: 1px solid var(--basic-border-color);
	padding: 10px;
	color: var(--gray);
	font-size: 12px;
	text-align: right;
/*	position: absolute;
	bottom: 0;
	right: 0;
	left: 240px;*/
}

/* side
============================================== */
#side-contents .brand-logo{
	text-align: center;
	height: var(--header-height);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-top: 13px;
	width: var(--side-menu-width);
	background-color: var(--indigo);
	position: relative;
}
#side-contents .brand-logo img{
	width: 55px;
}
#side-contents .brand-logo i{
	color: #FFF;
	position: absolute;
	right: 10px;
	cursor: pointer;
}
#side-contents.hide + #main-contents{
	position: relative;
	z-index: 1;
}
#side-contents .site-menu-wrap{
	font-size: 14px;
	/*padding: 0.75rem 1rem 0.75rem 0;*/
	padding: 0.75rem 0;
	width: var(--side-menu-width);
	background-color: var(--indigo);
}
/*#side-contents .site-menu-wrap #TodoList a:hover{
	text-decoration: none;
}*/
#side-contents .site-menu-wrap .menuTitle{
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	padding-left: 0.75rem;
	font-size: 12px;
	/* font-weight: bold; */
	color: #2be8b0;
	letter-spacing: 1.3px;
}
#side-contents .site-menu-wrap,
#side-contents .site-menu-wrap a{
	color: #9abfe7;
}
#side-contents .site-menu-wrap .menuList h3{
	font-size: 100%;
	cursor: pointer;
	padding-right: 1rem;
}
#side-contents .site-menu-wrap .menuList h3 span{
	background-repeat: no-repeat;
	background-position: right 10px center;
}
#side-contents .site-menu-wrap .menuList h3 span.open,
#side-contents .site-menu-wrap .menuList h3 span[style*="icon_arrow_up"]{
	background-color: #00519f;
	border-radius: 0 80px 80px 0;
}
#side-contents .site-menu-wrap .menuList h3 span.open[style*="icon_arrow_down"]{
	background-color: transparent;
}
#side-contents .site-menu-wrap .menuList h3 span,
#side-contents .site-menu-wrap .menuList ul a,
#side-contents .site-menu-wrap #TodoList a{
	display: block;
	padding: 0.625rem 0.5rem 0.625rem 1.5rem;
}
#side-contents .site-menu-wrap #TodoList svg{
	vertical-align: -6px;
}
#side-contents .site-menu-wrap #TodoList a{
	position: relative;
}
#side-contents .site-menu-wrap #TodoList a .badge-notice{
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}
#side-contents .site-menu-wrap .menuList ul.subs a{
	padding-left: 2.5rem;
}
#side-contents .site-menu-wrap .menuList h3 span:hover,
#side-contents .site-menu-wrap .menuList ul a:hover,
#side-contents .site-menu-wrap #TodoList a:hover{
	text-decoration: none;
	color: #FFF;
/*	background-color: #00519f;
	border-radius: 0 80px 80px 0;*/
}
#side-contents .menuList a.active{
	background-color: var(--light-blue);
	border-radius: 80px 0 0 80px;
	margin-left: 1rem;
	color: var(--indigo);
	padding-left: 1rem!important;
}
#side-contents .site-menu-wrap .menuList ul a.active:hover{
	color: var(--indigo);
}
#side-contents .menuList a.active:before{
	content: "";
	display: inline-block;
	margin-right: 8px;
	width: 8px;
	height: 8px;
	background-color: var(--indigo);
	border-radius: 80px;
	vertical-align: 0;
}
#side-contents .site-menu-wrap .menuList ul li{
	margin-bottom: 5px;
}

/* page top / down
============================================== */
#page-top,
#page-down{
	position: fixed;
	right: 20px;
	z-index:5;
}
#page-top{
	bottom: 75px;

}
#page-down{
	bottom: 20px;

}
#page-top a,
#page-down a{
	display: block;
}
#page-top a:hover,
#page-down a:hover{
	text-decoration: none;
}
#page-top a:before,
#page-down a:before{
	font-family: var(--icon-font-family);
	font-size: 46px;
	border-radius: 4px;
	background-color: var(--teal);
	color: #FFF;
}
#page-top a:before{
	content: "\e5c7";
}
#page-down a:before{
	content: "\e5c5";
}

/* parts
============================================== */
/*サイズ*/
.w800{width: 800px!important;}
.w500{width: 500px!important;}
.w450{width: 450px!important;}
.w400{width: 400px!important;}
.w350{width: 350px!important;}
.w300{width: 300px!important;}
.w260{width: 260px!important;}
.w250{width: 250px!important;}
.w230{width: 230px!important;}
.w220{width: 220px!important;}
.w200{width: 200px!important;}
.w180{width: 180px!important;}
.w170{width: 170px!important;}
.w160{width: 160px!important;}
.w150{width: 150px!important;}
.w140{width: 140px!important;}
.w130{width: 130px!important;}
.w120{width: 120px!important;}
.w110{width: 110px!important;}
.w100{width: 100px!important;}
.w90{width: 90px!important;}
.w80{width: 80px!important;}
.w70{width: 70px!important;}
.w60{width: 60px!important;}
.w50{width: 50px!important;}
.w30{width: 30px!important;}
.w20{width: 20px!important;}

.fs-10{font-size: 10px!important;}
.fs-12{font-size: 12px!important;}
.fs-14{font-size: 14px!important;}
.fs-16{font-size: 16px!important;}
.fs-18{font-size: 18px!important;}
.fs-20{font-size: 20px!important;}
.fs-22{font-size: 22px!important;}
.fs-24{font-size: 24px!important;}
.fs-26{font-size: 26px!important;}
.fs-28{font-size: 28px!important;}
.fs-30{font-size: 30px!important;}

/*ボタン*/
.btn-wrap{
	position: relative;
	display: flex;
	justify-content: center;
}
.btn-wrap > div{
	margin-right: 1rem;
	margin-left: 1rem;
}
.btn-wrap > div .btn{
	min-width: 150px;
}
.btn-wrap > .backBtn{
	position: absolute;
	left: 0;
	margin-left: 0;
}
.btn-wrap > .backBtn .btn{
	min-width: auto;
}

/*見出し*/
.ttl{
	font-size: 1.125rem;
	font-weight: bold;
	border-bottom: 3px solid var(--indigo);
	padding-bottom: 5px;
	margin-top: 8px;
	margin-bottom: 10px;
	color: var(--indigo);
}
.ttl-sub,
.subTtl{
	font-weight: bold;
	font-size: 1rem;
	margin-top: 8px;
	margin-bottom: 0.75rem;
	color: var(--indigo);
}

/*セクション*/
.section{
	background-color: #fff;
	box-shadow: var(--shadow);
	padding: var(--base-box-padding);
	border-radius:var(--base-radius);
	margin-bottom: 2rem;
}
.section.search-section{
	border: 1px solid var(--light-gray);
}
.section.search-section .ttl{
	border: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ttl.toggle-open{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.section.search-section .ttl .icn:before,
.search-word .icn:before{
	background-color: var(--light-gray);
	width: 30px;
	height: 30px;
	border-radius: 80px;
	text-align: center;
	padding-top: 5px;
	margin-right: 5px;
	line-height: 1;
	vertical-align: -4px;
}

.alert p:only-child{
	margin-bottom: 0;
}

.error-message{
	color: var(--red);
	font-weight: bold;
}
.error-message:before{
	content: "\f083";
	font-family: var(--icon-font-family);
	color: var(--red);
	vertical-align: middle;
	margin-right: 5px;
	font-size: 21px;
	font-weight: normal;
}

/*カレンダーアイコン*/
.datepicker{
	background-image: url("/img/site/calendar001.png");
	background-repeat: no-repeat;
	background-position: right 5px center;
}

/*カラー*/
.red-back{background-color: var(--light-red)!important;}
.red{color: var(--red);}
.blue{color:var(--blue);}
.lightgray{color:var(--light-gray);}

/* page navi
============================================== */
#pagenavi{
	font-size: 12px;
}
#pagenavi ol,
#pagenavi ul{
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	text-align: right;
}
#pagenavi ol li,
#pagenavi ul li{
	display: inline-block;
}
#pagenavi ol li,
#pagenavi ol li a,
#pagenavi ul li,
#pagenavi ul li a{
	color: var(--gray);
}
#pagenavi ol li:before,
#pagenavi ul li:before{
	content: "/";
	padding-left: 3px;
	padding-right: 3px;
	font-family: var(--icon-font-family);
}
#pagenavi ol li:first-child:before,
#pagenavi ul li:first-child:before{
	content: none;
}

.nate{
	list-style: none;
	padding: 0;
	margin-bottom: 12px;
	display: flex;
	justify-content: flex-end;
}
.nate li{
}
.nate li a,.nate li span.disabled,.nate li.current{
	display: block;
	padding: 0.25rem 0.5rem;
	line-height: 1;
	width: 26px;
	height: 26px;
	text-align: center;
	margin: 0 3px;
}
.nate li.disabled,
.nate li span.disabled,
.nate li a.disabled{
	display: none;
}
.nate li.active a,
.nate li.current,
.nate li a:hover{
	background-color: var(--indigo);
	color: #FFF;
	border-radius: 80px;
}
.nate li a:hover{
	text-decoration: none;
}

.must{
color: #FFF;
background-color:var(--red);
font-size: 10px;
padding: 2px;
margin-right: 5px;
margin-left: 5px;
border-radius: 3px;
display: inline-block;
}

select.alert-warning,
input.alert-warning{
	padding-left: 0.75rem;
}
.badge.alert-info,
.badge.alert-success,
.badge.alert-warning,
.badge.alert-danger{
	padding-left: 0.4em;
}
.badge.alert-info:before,
.badge.alert-success:before,
.badge.alert-warning:before,
.badge.alert-danger:before{
	content: none;
}

/* 元からあった
============================================== */
a.disabled{
	pointer-events: none;
}
.loginAgentNow {
	/*cursor:pointer;position:absolute;left:250px;top:20px;padding:6px;background-color:#077EAD;font-size:14px;*/
}
.loginAgentInto {
/*	cursor:pointer;position:absolute;left:250px;top:20px;padding:6px;background-color:red;font-size:14px;*/
}
.loginAgentBlinkS2 {
	animation: loginAgentBlinkAnimeS2 2s infinite alternate;
}
@keyframes loginAgentBlinkAnimeS2{
	0%{ color : red;   background:white }
	100%{ color : white; background:red   }
}
.commonAlertAreaCss{
	height: 100px;
	overflow-y: auto;
	border-bottom:double 6px #ddd;
	/*cursor: row-resize;*/
}
.topAlertBox{
	user-select: none;
}
.topAlertBox p{
	margin-bottom: 0;
}
.top-rel-link,.topBoxLink{
	white-space: nowrap;
}
.topBoxLink{
	text-decoration: underline;
	cursor: pointer;
}

table.nonb {
border:none;
}
.nonb th, .nonb td {
border:none;
border-bottom:dotted 1px #bbb;
text-align:left;
}
.placeholder-drag {
	border: 1px dotted #72B7E5;
	border-radius: 4px;
	background-color: #DFF1FD;
	margin: 0 15px 20px 15px;
	padding: 0;
}
.home-item-header {
cursor: move;
}
.dashboard-parts .home-item-header .icn-open_with{
	opacity: 0.3;
}
.dashboard-parts .home-item-header:hover .icn-open_with{
	opacity: 1;
}
li > a, td > a, span > a {
text-decoration: none;
}
.ell {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

tr.selTr {
font-weight:bold;color:Blue;
}
tr.copyTr {
font-weight:bold;color:orange;
background-color:#e5ffe5;
}
.progr {
font-size: 12px;
white-space: nowrap;
padding: 5px;
margin-bottom: 3px;
}

.histIcon {
float:right;
cursor:pointer;
font-size: 19px;
}
.histIconDis {
float:right;
font-size: 19px;
color:#ccc;
}

.el {
display: inline-block;
width: 100%;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

td.msgAreaTd {
text-align:left;padding:3px;
vertical-align:top;
height:120px;overflow-y:auto;
}
.addrArea {
width:100%;height:100%;overflow-y:auto;
}
.mail {
margin-bottom:2px;
font-size:12px;
font-weight: normal;
}
.mlareatxt {
width:100%;height:150px!important;
}


/* 追加
============================================== */
.section{
	background-color: #fff;
	box-shadow: var(--shadow);
	padding: var(--base-box-padding);
	border-radius:var(--base-radius);
	margin-bottom: 2rem;
}

/*ダッシュボード*/
.c-add-midashi{
	width: 136px;
	margin-bottom: 0;
	background-color: var(--blue);
	margin-right: 14px;
	position: relative;
	padding: 3px 5px;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	border-radius: 2px;
}
.c-add-midashi:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 6px solid var(--blue);
}
.c-add-select .ms-parent{
	font-size: 12px;
}
.c-add-select ul li{
	font-size: 14px;
}
.c-add-select ul li.ms-select-all label{
	font-weight: bold;
}
.dashboard-parts.row{
/*	margin-left: -12px;
	margin-right: -12px;*/
/*	display: block;
	clear: both;*/
}
.dashboard-parts.row:before,
.dashboard-parts.row:after{
	display: table;
	content: " ";
}
.dashboard-parts .card{
	/*height: 100%;*/
	margin-bottom: 20px;
	border: 1px solid #FFF;
}
.dashboard-parts .card-body{
	/*height:280px;*/
	text-align:center;
	margin-bottom: 20px;
	/*padding-bottom: 2rem;*/
}
.dashboard-parts [class*="col-sm"]{
/*	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 24px;*/
	/*float: left;*/
	line-height: 1;
}
.dashboard-parts .card table{
	font-size: 14px;
	width: 100%;
}
.dashboard-parts .card table thead{
	text-align: center;
	border-bottom: 2px solid #b2bbc1;
	font-size: 12px;
}
.dashboard-parts .card table th,
.dashboard-parts .card table td{
	border: 1px solid var(--basic-border-color);
}
.dashboard-parts .card table th{
	padding: 3px 5px;
}
.dashboard-parts .card table td{
	padding: 5px;
}
.dashboard-parts .card table .fc-body td,
.dashboard-parts .card table td.fc-head-container{
	padding: 0;
}
.dashboard-parts .card .fc-content-skeleton table thead{
	border: none;
}
.dashboard-parts .card table .fc-sat{
	background-color: #f3fafb;
	color: #4296ae;
}
.dashboard-parts .card table .fc-sun{
	background-color: #fff8f9;
	color: #c74754;
}
.dashboard-parts .card table .fc-day-number{
	font-size: 16px;
}
.home-item-header{
	cursor: move;
}
.dashboard-parts .btn-sm .icn-delete{
	display: flex;
	align-items: center;
}
.dashboard-parts .btn-sm .icn-delete:before{
	font-size: 16px;
	vertical-align: baseline;
}
.dashboard-parts .btn-sm.btn-outline-secondary{
	padding: 0.125rem 0.25rem;
	position:absolute;
	bottom:5px;
	right:0;
	opacity: 0.5;
	border: none;
}
.dashboard-parts .icn-open_with{
	position: absolute;
	right: 10px;
	top: 10px;
}
.dashboard-parts .home-item-header > div{
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	width: 100%;
	padding-right:20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.dashboard-parts table.nonb {
	border:none;
	font-size: 12px;
}
.dashboard-parts table.nonb th,
.dashboard-parts table.nonb td {
	border:none;
	border-bottom:dotted 1px #ccc;
	text-align:left;
}
/*.dashboard-parts .placeholder {
	border: 1px dotted black;
	border-radius: 4px;
	background-color: #f5fff5;
	margin: 0 15px 20px 15px;
	padding: 0;
	height: 50px;
}*/
.dashboard-parts li > a,.dashboard-parts  td > a,.dashboard-parts span > a {
	text-decoration: none;
}
.dashboard-parts .ell {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dashboard-parts .compBoxes .nav-tabs{
	border-bottom: 2px solid var(--indigo);
}
.dashboard-parts .compBoxes .nav-tabs .nav-link.active{
	background-color: var(--indigo);
	color: #FFF;
	border-color: var(--indigo);
}
.nav-tabs .nav-link:hover{
	border-color: var(--indigo);
}

/*申請*/
.openTbl{
	/*border: 1px solid var(--basic-border-color);*/
	line-height: 1;
	padding: 0 4px 4px;
	font-weight: bold;
	cursor: pointer;
}
.openTbl:before{
	content: "\e145";
	font-family: var(--icon-font-family);
	display: inline-block;
	vertical-align: middle;
	transition: all 0.1s ease-out;
	color: var(--green);
}
.openTbl.close{
	float: none;
	font-size: inherit;
	color: inherit;
	opacity: 1!important;
	text-shadow: none;
}
.openTbl.close:before{
	transform: rotate(45deg);
	color: var(--red);
}
.openTbl:after{
	content: "open";
	/*font-size: 14px;*/
}
.openTbl.close:after{
	content: "close";
}
.openTbl.close[style*="margin"]{
	margin: 0;
}

.search-table{
	table-layout: fixed;
}
.search-table-item{
	border: 2px solid #dbe1e4;
	border-radius: 5px;
	/*padding: 10px;*/
}
.search-table-item dt{
	color: var(--indigo);
}
.search-table-item dt:first-child{
	background-color: #dbe1e4;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
.search-table-item dt,
.search-table-item dd{
	padding-left: 10px;
	padding-right: 10px;
}
.search-andor{
	padding: 10px;
	white-space: nowrap;
	width: 45px;
/*	margin: 10px;
	background-color: #eef1f6;
	border-radius: 5px;*/
}
.search-table-item input[type="radio"],
.search-andor input[type="radio"],
.search-table-item input[type="radio"] + label{
	margin-right: 2px;
}
.search-table-item input[type="radio"] + label,
.search-andor input[type="radio"] + label{
	font-size: 12px;
}
.search-andor input[type="radio"] + label{
	margin-right: 0;
}
.search-andor label[for^="SearchCond"]:after{
	content: "";
	display: block;
}


/*.search-section .row [class^="col-"]{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.search-table-div{
	width: 80%;
}
.search-andor-div{
	width: 20%;
	font-size: 12px;
	padding-left: 10px;
}
.search-andor-div label[for^="SearchCond"]:after{
	content: "";
	display: block;
}*/

.search-table{}
.search-table th{
	vertical-align: middle;
}
.search-table th,
.search-table td{
	padding: 0.5rem 0.125rem;
}

.data-table,.ledger-table,.master-table{
	font-size: 0.875rem;
}
.data-table.table thead,
.table[class*="estimateTbl"] thead,
.estimate-table thead,
.master-table thead{
	background-color: var(--indigo);
}
.data-table.table thead,
.data-table thead th a,
.table[class*="estimateTbl"] thead,
.estimate-table thead,
.master-table thead{
	color: #FFF;
}
.data-table.table thead th{
	border: 1px solid #CCC;
}
.data-table th{
	text-align: center;
}
.data-table th,
.data-table td{
	padding: 0.3rem;
	vertical-align: middle;
	border: none;
}
.data-table th a[href*=":desc"]:before,
.data-table th a[href*=":asc"]:before,
.data-table th a[href*="=desc"]:before,
.data-table th a[href*="=asc"]:before{
	font-family: var(--icon-font-family);
	display: inline-flex;
	vertical-align: middle;
	opacity: 0.4;
}
.data-table th a[href*=":desc"]:before,
.data-table th a[href*="=desc"]:before,
.data-table th a.asc:before{
	content: "\eb95";
	transform: rotate(180deg);
}
.data-table th a.asc:before{
	opacity: 1;
}
.data-table th a[href*=":asc"]:before,
.data-table th a[href*="=asc"]:before,
.data-table th a.desc:before{
	content: "\eb95";
}
.data-table th a.desc:before{
	opacity: 1;
}
table tr.rowBottom{
	border-bottom: 1px solid var(--light-gray);
}
table.table.data-table tbody tr{
	/*border-bottom: 1px solid var(--light-gray);*/
}
table.table.data-table tr[style*="background"]{
/*	border-bottom: 1px solid #333;
	border-top: 1px solid #000;*/
}
table.table.data-table tr[style*="background"] + tr[style*="background"]{
	/*border-top: 1px solid #FF0000;*/
}
table.table.data-table tr:nth-child(odd){
	/*border-bottom: 1px solid #333;*/
}
table.table.data-table [class^="OrderList"] td .text-muted:before{
	font-size: 14px;
}
table.table.data-table [class^="OrderList"] td.idCol{
	text-align: center;
}
.ledger-table{
	table-layout: fixed;
}
.ledger-table th,
.master-table th{
	background-color: var(--light-blue);
	color: var(--indigo);
	border-right-style: hidden;
}
.ledger-table td{}
.master-table thead{
	text-align: center;
}
.master-table th,.master-table td{
	vertical-align: middle;
}

table input[type="radio"],
table input[type="checkbox"]{
	margin-right: 5px;
}
table input[type="radio"] + label{
	margin-right: 11px;
	font-size: 1rem;
}

/*カタログ*/
#stock_tab{
	border: none;
}
#stock_tab .stock_tabs{
	background: none;
	border: none;
	margin-bottom: 15px;
}
[id^="pc_list_child_box_"]{
	display: flex;
}
.catalog-img {
height:200px;
object-fit: cover;
}
.catTitle {
border: none;
margin-bottom: 0px;
display: flex;
align-items: center;
padding: 10px 10px 0;
font-weight: bold;
}
.memo {
font-size:11px;
}
.ttlback {
background-color: #ccc;
margin-bottom:2px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.catItemSearch {
word-wrap: break-word;
white-space: normal;
margin-bottom: 0;
}

.sortablePlace{height:5em;}
.tbl td {
padding: 3px 8px;
}

.modal-content-catalog{
}
.modal-content-catalog .modal-header{
width: 100%;
z-index: 20;
border-bottom: 2px solid #e5e5e5;
}
.modal-content-catalog .modal-body{
padding-top: 3px;
max-height: 70vh;
overflow: auto;    
}

.inview_box_catalog{
opacity: 0;
}
.txt_price{
display: inline-block;
width: 6em;
text-align: right;
}

[id^="pc_list_child_header"]{
	/*background-color: var(--light-gray);*/
	border-bottom: 3px solid var(--indigo);
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: var(--indigo);
}

.table[class*="estimateTbl"] thead,
.estimate-table thead{
	font-size: 12px;
}
.table[class*="estimateTbl"] thead th,
.estimate-table thead th{
	padding: 0.5rem;
	text-align: center;
	vertical-align: middle;
}

tr[id*="mDetail"].active{
	background-color: #f1f2f2;
}

tr[id*="mDetail"] .section{
	box-shadow: none;
	margin-bottom: 0;
	background-color: transparent;
	padding: 0;
}

.in_table{
	background-color: #fff;
	margin-bottom: 1.5rem;
	table-layout: fixed;
}

.sumPrs th{
	background-color: #ffdee3;
	color: #5f2d34;
}
.sumPrs td{
	text-align: right;
	color: var(--red);
	font-weight: bold;
	font-size: 20px;
}
.sumPrs td small{
	font-size: 14px;
}

tr[id*="mDetail"] .itm a.pc_detail{
	text-decoration: underline;
}
tr[id*="mDetail"] .itm a.pc_detail:hover{
	text-decoration: none;
}

.data-select-operation{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 1rem 0;
}
.data-select-operation #checked_num{
	font-weight: bold;
}
.data-select-operation small{
	margin-left: 3px;
	margin-right: 5px;
}
.data-select-operation select{
	width: auto;
	margin-left: 12px;
	margin-right: 4px;
}

.log-comment-detail{
	margin: 0.5rem 0 1rem;
	background-color: var(--light-blue);
	padding: 1rem;
	border-radius: var(--base-radius);
	border: 2px solid #9bb4cf;
}
.log-comment-detail dl{
	margin: 0;
}
.log-comment-detail dl > dt{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}
.log-comment-detail-user{
	color: var(--indigo);
}
.log-comment-detail-data{
	font-weight: normal;
	font-size: 14px;
}
.log-comment-detail-ccuser{
	font-size: 12px;
	background-color: #FFF;
	padding: 3px 10px;
	border-radius: 80px;
}
.log-comment-detail-body{
	padding: 1rem 0;
}
.log-comment-detail-attfile{
	text-align: right;
	font-size: 14px;
	margin-bottom: 0;
}
.log-comment-detail-attfile .inc-attachment:before{
	font-size: 16px;
	vertical-align: -3px;
	margin-right: 7px;
}
.log-comment-detail-attfile .btn-light:hover{
	background-color: var(--danger);
	color: #FFF;
}

.master-text-custom-list{
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
}
.master-text-custom-list span,
.master-text-custom-list a{
	margin: 3px 5px;
	display: block;
	border-radius: 80px;
	padding: 2px 0.75rem 2px 0.5rem;
}
.master-text-custom-list span{
	background-color: var(--yellow);
	color: #333;
}
.master-text-custom-list a{
	background: var(--indigo);
	color: #FFF;
}
.master-text-custom-list span:before,
.master-text-custom-list a:before{
	font-family: var(--icon-font-family);
	vertical-align: middle;
	font-size: 16px;
	transition: all 0.3s ease-out;
	display: inline-block;
}
.master-text-custom-list span:before{
	content: "\e5cf";
}
.master-text-custom-list a:before{
	content: "\e5cc";
}
.master-text-custom-list a:hover:before{
	transform: rotate(90deg);
}

/*テンプレート*/
.delObj,.delObj2{
	overflow: hidden;
}
.delObj li,.delObj2 li{
	float: left;
	list-style: none outside none;
}
.delObj li a,.delObj2 li{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eaeef6', endColorstr = '#c3c9da');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eaeef6', endColorstr = '#c3c9da')";
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: solid 1px #9c9c9d;
	margin: 3px 3px 0;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	color: #221714;
}
.delObj li a{
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-moz-linear-gradient(top, #eaeef6, #c3c9da);
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-ms-linear-gradient(top, #eaeef6, #c3c9da);
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-o-linear-gradient(top, #eaeef6, #c3c9da);
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-webkit-gradient(linear, center top, center bottom, from(#eaeef6), to(#c3c9da));
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,-webkit-linear-gradient(top, #eaeef6, #c3c9da);
	background: url("/img/site/icon_delerion.png") no-repeat 3px center,linear-gradient(top, #eaeef6, #c3c9da);
	display : block;
	padding: 2px 5px 2px 20px;
}
.delObj2 li{
	background: 3px center,-moz-linear-gradient(top, #eaeef6, #c3c9da);
	background: 3px center,-ms-linear-gradient(top, #eaeef6, #c3c9da);
	background: 3px center,-o-linear-gradient(top, #eaeef6, #c3c9da);
	background: 3px center,-webkit-gradient(linear, center top, center bottom, from(#eaeef6), to(#c3c9da));
	background: 3px center,-webkit-linear-gradient(top, #eaeef6, #c3c9da);
	background: 3px center,linear-gradient(top, #eaeef6, #c3c9da);
	padding: 2px 3px 2px 3px;
}
.delObj2 li img{
	cursor: pointer;
	padding: 0 3px 2px 0;
}
.delObj2 li a{
	text-decoration: none;
	color: #221714;
	padding-right: 3px;
}

.popHeader.popAlertHeader{
	background-color: var(--yellow);
	color: #3a2c02;
}

/*step*/
.track-progress {
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.track-progress li {
	list-style-type: none;
	display: inline-block;
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
	line-height: 30px;
	height: 30px;
	max-height: 30px;
	background-color: #ecf1f4;
}
.track-progress li > span {
	display: block;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	font-size:12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 10px;
	padding-right: 10px;
}
.track-progress li.done{
	background-color: #fff;
}
.track-progress li.done > span {
	color:#FFF;
	background-color: var(--cyan);
	opacity: 0.4;
}
.track-progress li.now > span {
	color: #FFF;
	background-color: var(--cyan);
}
.track-progress li:last-child.now > span {
	background-color: var(--warning);
}
.track-progress li > span:after,
.track-progress li > span:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0;
	right: 0;
	border: solid transparent;
	border-left-color: #f0f0f0;
	border-width: 15px;
}
.track-progress li > span:after {
	top: -5px;
	z-index: 1;
	border-color: white;
	border-width: 15px 0px 20px 15px;
}
.track-progress li > span:before {
	z-index: 2;
	right: -15px;
}
.track-progress li.done span:before {
	border-left-color: var(--cyan);
}
.track-progress li.now span:before {
	border-left-color: var(--cyan);
}
.track-progress li:last-child > span:after,
.track-progress li:last-child > span:before {
	display: none;
}
/*.track-progress li:first-child i,
.track-progress li:last-child i {
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	border: solid transparent;
	border-left-color: white;
	border-width: 15px;
}
.track-progress li:last-child i {
	left: auto;
	right: -15px;
	border-left-color: transparent;
	border-top-color: white;
	border-bottom-color: white;
}*/

/*FAQ*/
ol.faq-sortable{
	list-style: none;
	padding-left: 0;
}
.faq-sortable li div{
	display: flex;
	padding: 10px 5px;
	font-size: 14px;
}
.faq-sortable li div > span{
	display: block;
}
.faq-sortable li div > span.left{
	flex-grow: 1;
}
.faq-sortable li div > span.linkerBtn{
	cursor: pointer;
}
.faq-sortable li div > span.linkerBtn:hover{
	opacity: 0.8;
}
.sortable.faq-sortable li div{
	border: 1px solid #7c8893;
	margin: 4px 0;
	cursor: move;
}
.sortable.faq-sortable li ol{
	list-style: none;
	padding-left: 0;
	margin-left: 30px;
}
.faq-cat-list:before{
	vertical-align: -3px;
	margin-right: 3px;
}