/**
 * カラー
 */

.buntan-color-text__header {
	color: #003A8F;
}
.buntan-color-text__header .material-icons,
.buntan-color-text__header .fa {
	color: #003A8F;
}
.buntan-color__bg {
	background-color: #003A8F !important;
}

.buntan-color-text__link {
	color: #2F80ED;
}
a,
a:visited {
	color: #2F80ED;
	font-weight: 500;
}
.buntan-bunsho-color__bg {
	background-color: #2F80ED !important;
}
.buntan-keiyaku-color__bg {
	background-color: #219653 !important;
}
.buntan-buppin-color__bg {
	background-color: #BB6BD9 !important;
}

.menu-panel a,
.menu-panel a:visited {
	color: #202124;
}

.top-menu__label {
	color: #4F4F4F;
}
.top-menu__item {
	color: #202124;
}

.mdl-tabs__tab:hover {
    background-color: #eee;
	cursor: pointer;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab {
	color: #202124;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
	color: #2F80ED;
}


/**
 *
 */
.buntan-main {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 200px);
}
.buntan-footer {
	margin-top: auto;
}

.buntan-main .mdl-grid {
	margin: initial;
}
.buntan-main.buntan-main-menu .mdl-grid {
	display: initial;
}

/**
 * Material Design Lite
 */

.mdl-layout__header-row {
	padding-left: 15px;
}

/******/
.mdl-layout {
  overflow-y: scroll;
}

.mdl-card__media {
	min-height: 170px;
}

.mdl-badge[data-badge]:after {
	background-color: #EA3636;
}

.mdl-grid .mdl-grid.mdl-grid--nesting {
	padding: 0;
	margin: 0 -8px;
}

.mdl-list__item {
	color: inherit;
}

.mdl-grid {
	flex-shrink: 0;
}

/**
 *
 */
.ap-menu {
	margin: 0px;
	padding: 0px;
	display: flex;
}
.ap-menu .menu-panel {
	width: 250px;
	flex-shrink: 0;
}
.ap-menu .menu-panel > div {
	height: 100%;
}
.ap-panel {
	width: calc(100% - 250px);
}

.top-card-icon {
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	margin: 0 auto 20px auto;
}

.workflow-text {
	margin-bottom: 10px;
}
.workflow-statusbox {
	width: 42%;
	display: inline-block;
	padding: 20px 10px;
}
a .workflow-statusbox:hover {
	background-color: rgba(158,158,158,.2);
}

.workflow-statusbox-number {
	margin: 20px 10px 10px 10px;
	font-size: 64px;
	text-align: center;
	color: #2F80ED;
}
.workflow-statusbox-text {
	display: block;
	color: #2F80ED;
}


.top-info-list {
	list-style: none;
	padding-left: 0;
	margin: 10px;
}
.top-info-list li {
	padding: 10px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* 円の基本形 */
.workflow-title-num {
	margin-top: 10px;
	margin-left: 30px;
}
.maru {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column; 
	vertical-align: bottom;
}
/* 円の大きさ */
.size_normal{
	width: 100px;
	height: 100px;
}
/* 文字の大きさ */
.letter3 {
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.5em;
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
	.letter3 {
		margin-top: -20px;
	}
}
/* 円と文字の色 */
.workflow-count-circle {
	color: #EA3636;
	/*
	border: 50px solid #d5e6fb;
	*/
	border: 50px solid rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
}

.user-menu {
	width: 360px;
}

.top-menu li {
	padding: 1px 16px 5px 16px;
}
.top-menu .top-menu-link {
	text-decoration: none;
}
.top-menu .top-menu-link span {
	/*
	color: rgb(33,150,243);
	*/
	color: #202124;
	font-weight: 500;
}
.top-menu .mdl-list__item {
	min-height: 48px;
}
.top-sub-menu {
	padding: 0 16px 0 16px;
	display: none;
}

.workflow-card {
	/*
	background: inherit;
	*/
	height: 100%;
}
.workflow-card > div {
	height: 100%;
}
.workflow-card a {
	text-decoration: none;
}
.workflow-1, .workflow-2 {
	padding: 10px;
}
.workflow-1-left, .workflow-1-right {
	vertical-align: top;
	display: table-cell;
}
.workflow-sep {
	width: 60px;
	border-bottom: 1px solid #D5E6FB;
}

.workflow-1-text {
	padding: 20px 0 15px 0;
}
.workflow-1-button span {
	border-radius: 3px;
	border: 1px solid #d5e6fb;
}

.info-card {
	padding: 10px 10px 0 10px;
}

.info-list-item {
	padding: 10px;
	margin: 6px;
	border-bottom: 1px solid #e0e0e0;
}
.info-card .mdl-list {
	height: 0;
}
.info-card .mdl-card__actions {
	background-image: linear-gradient(transparent, white 25%);
}
.info-card li a {
	width: 100%;
}
.info-card .mdl-card__actions {
	z-index: 9;
}


.mokuteki-list-item {
    padding: 10px;
    margin: 6px;
    border-bottom: 1px solid #e0e0e0;
}
.mokuteki-list-item:hover {
    background-color: #eee;
	cursor: pointer;
}
.mokuteki-title span span {
    padding: 3px;
    border-bottom: 2px solid #2F80ED;
}
a .clickable-list-item:hover {
    background-color: #eee;
	cursor: pointer;
}
.clickable-list-item2:hover {
    background-color: #eee;
	cursor: pointer;
}

.mtitle {
	width: 300px;
}
.mcount {
	width: 100px;
	text-align: right;
}

li.hide {
	display: none;
}
.sri-info {
	background-color: #F2C94C;
	z-index: 2;
	min-height: 32px;
}
.sri-info div.mdl-layout__header-row {
	height: 32px;
	min-height: 32px;
}

.fav-card {
	min-height: 120px;
	height: 120px;
	width: auto;
	padding: 8px;
}
.fav-card-icon {
	width: 100%;
	margin-left: auto;
	cursor: pointer;
}
.fav-card-link {
}

a {
	text-decoration: none;
}
.top-menu-link .mdl-list__item {
	cursor: inherit;
}
.top-menu-link .mdl-list__item:hover {
    background-color: #eee;
	cursor: pointer;
}

.pankz-content {
	display: inline-flex;
}


/**
 *
 *
 */

.app-menu {
	padding: 20px;
	width: 350px;
	height: 110px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.app-menu .item {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0,0,0,0.1);
	width: 27%;
	padding-bottom: 5px;
}
.app-menu .item:hover {
	background-color: rgba(158,158,158,.2);
}
.app-menu .item .label {
	color: black;
	text-align: center;
}
.app-menu .item .bunsho {
	background-color: #2F80ED;
}
.app-menu .item .keiyaku {
	background-color: #219653;
}
.app-menu .item .buppin {
	background-color: #BB6BD9;
}
.app-menu .app-icon-box {
	margin: 15px 15px 5px;
	height: 90%;
	text-align: center;
	padding: auto 0px;
}
.app-menu .app-icon {
	font-size: 3.5em;
	padding: 7px 0 0 0;
	color: rgba(255,255,255,0.8);
}


footer {
	z-index: 9;
}

/**
 * help
 */
ul[for="helplist"] .buntan-icon {
	display: inline-block;
	height: 36px;
	width: 36px;
	background-color: #2F80ED;
	border-radius: 4px;
	margin-right: 10px;
}
ul[for="helplist"] .buntan-icon i {
	padding: 5px;
	color: rgba(255, 255, 255, 0.8);
}

/**
 *
 *
 */

@media print {
	a[href]:after {
		content: "" !important;
	}
	abbr[title]:after {
		content: "" !important;
	}
}

/* SVG化 */
i > svg {
    fill: currentColor;
    vertical-align: middle;
}

.fa-svg svg {
	margin-top: 5px;
}

.fa-svg-icon svg {
	margin-top: -3px;
	color: #003A8F;
	height: 0.8em;
}

.fa-svg-5x svg {
	height: 5em;
}

.fa-svg-menu-icon svg {
	margin-top: -20px;
	color: #003A8F;
	height: 1.2em;
}

.fa-svg-menu-icon-two-line svg {
	color: #003A8F;
	height: 1.2em;
}

.fas.fa-undo:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjEyLjMzMyAyMjQuMzMzSDEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEyVjEyQzAgNS4zNzMgNS4zNzMgMCAxMiAwaDQ4YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2NzguMTEyQzExNy43NzMgMzkuMjc5IDE4NC4yNiA3LjQ3IDI1OC4xNzUgOC4wMDdjMTM2LjkwNi45OTQgMjQ2LjQ0OCAxMTEuNjIzIDI0Ni4xNTcgMjQ4LjUzMkM1MDQuMDQxIDM5My4yNTggMzkzLjEyIDUwNCAyNTYuMzMzIDUwNGMtNjQuMDg5IDAtMTIyLjQ5Ni0yNC4zMTMtMTY2LjUxLTY0LjIxNS01LjA5OS00LjYyMi01LjMzNC0xMi41NTQtLjQ2Ny0xNy40MmwzMy45NjctMzMuOTY3YzQuNDc0LTQuNDc0IDExLjY2Mi00LjcxNyAxNi40MDEtLjUyNUMxNzAuNzYgNDE1LjMzNiAyMTEuNTggNDMyIDI1Ni4zMzMgNDMyYzk3LjI2OCAwIDE3Ni03OC43MTYgMTc2LTE3NiAwLTk3LjI2Ny03OC43MTYtMTc2LTE3Ni0xNzYtNTguNDk2IDAtMTEwLjI4IDI4LjQ3Ni0xNDIuMjc0IDcyLjMzM2g5OC4yNzRjNi42MjcgMCAxMiA1LjM3MyAxMiAxMnY0OGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fas.fa-sign-in-alt:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDE2IDQ0OGgtODRjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDBjMC02LjYgNS40LTEyIDEyLTEyaDg0YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE2MGMwLTE3LjctMTQuMy0zMi0zMi0zMmgtODRjLTYuNiAwLTEyLTUuNC0xMi0xMlY3NmMwLTYuNiA1LjQtMTIgMTItMTJoODRjNTMgMCA5NiA0MyA5NiA5NnYxOTJjMCA1My00MyA5Ni05NiA5NnptLTQ3LTIwMUwyMDEgNzljLTE1LTE1LTQxLTQuNS00MSAxN3Y5NkgyNGMtMTMuMyAwLTI0IDEwLjctMjQgMjR2OTZjMCAxMy4zIDEwLjcgMjQgMjQgMjRoMTM2djk2YzAgMjEuNSAyNiAzMiA0MSAxN2wxNjgtMTY4YzkuMy05LjQgOS4zLTI0LjYgMC0zNHoiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fas.fa-pencil-alt:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDk3LjkgMTQyLjFsLTQ2LjEgNDYuMWMtNC43IDQuNy0xMi4zIDQuNy0xNyAwbC0xMTEtMTExYy00LjctNC43LTQuNy0xMi4zIDAtMTdsNDYuMS00Ni4xYzE4LjctMTguNyA0OS4xLTE4LjcgNjcuOSAwbDYwLjEgNjAuMWMxOC44IDE4LjcgMTguOCA0OS4xIDAgNjcuOXpNMjg0LjIgOTkuOEwyMS42IDM2Mi40LjQgNDgzLjljLTIuOSAxNi40IDExLjQgMzAuNiAyNy44IDI3LjhsMTIxLjUtMjEuMyAyNjIuNi0yNjIuNmM0LjctNC43IDQuNy0xMi4zIDAtMTdsLTExMS0xMTFjLTQuOC00LjctMTIuNC00LjctMTcuMSAwek0xMjQuMSAzMzkuOWMtNS41LTUuNS01LjUtMTQuMyAwLTE5LjhsMTU0LTE1NGM1LjUtNS41IDE0LjMtNS41IDE5LjggMHM1LjUgMTQuMyAwIDE5LjhsLTE1NCAxNTRjLTUuNSA1LjUtMTQuMyA1LjUtMTkuOCAwek04OCA0MjRoNDh2MzYuM2wtNjQuNSAxMS4zLTMxLjEtMzEuMUw1MS43IDM3Nkg4OHY0OHoiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  vertical-align: -0.143em;
}
.fas.fa-stopwatch:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuN2VtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDMyIDMwNGMwIDExNC45LTkzLjEgMjA4LTIwOCAyMDhTMTYgNDE4LjkgMTYgMzA0YzAtMTA0IDc2LjMtMTkwLjIgMTc2LTIwNS41VjY0aC0yOGMtNi42IDAtMTItNS40LTEyLTEyVjEyYzAtNi42IDUuNC0xMiAxMi0xMmgxMjBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMmgtMjh2MzQuNWMzNy41IDUuOCA3MS43IDIxLjYgOTkuNyA0NC42bDI3LjUtMjcuNWM0LjctNC43IDEyLjMtNC43IDE3IDBsMjguMyAyOC4zYzQuNyA0LjcgNC43IDEyLjMgMCAxN2wtMjkuNCAyOS40LS42LjZDNDE5LjcgMjIzLjMgNDMyIDI2Mi4yIDQzMiAzMDR6bS0xNzYgMzZWMTg4LjVjMC02LjYtNS40LTEyLTEyLTEyaC00MGMtNi42IDAtMTIgNS40LTEyIDEyVjM0MGMwIDYuNiA1LjQgMTIgMTIgMTJoNDBjNi42IDAgMTItNS40IDEyLTEyeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=');
  vertical-align: -0.143em;
}
.fas.fa-envelope:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjAuOGVtIiBoZWlnaHQ9IjAuOGVtIiBzdHlsZT0iLW1zLXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTAyLjMgMTkwLjhjMy45LTMuMSA5LjctLjIgOS43IDQuN1Y0MDBjMCAyNi41LTIxLjUgNDgtNDggNDhINDhjLTI2LjUgMC00OC0yMS41LTQ4LTQ4VjE5NS42YzAtNSA1LjctNy44IDkuNy00LjcgMjIuNCAxNy40IDUyLjEgMzkuNSAxNTQuMSAxMTMuNiAyMS4xIDE1LjQgNTYuNyA0Ny44IDkyLjIgNDcuNiAzNS43LjMgNzItMzIuOCA5Mi4zLTQ3LjYgMTAyLTc0LjEgMTMxLjYtOTYuMyAxNTQtMTEzLjd6TTI1NiAzMjBjMjMuMi40IDU2LjYtMjkuMiA3My40LTQxLjQgMTMyLjctOTYuMyAxNDIuOC0xMDQuNyAxNzMuNC0xMjguNyA1LjgtNC41IDkuMi0xMS41IDkuMi0xOC45di0xOWMwLTI2LjUtMjEuNS00OC00OC00OEg0OEMyMS41IDY0IDAgODUuNSAwIDExMnYxOWMwIDcuNCAzLjQgMTQuMyA5LjIgMTguOSAzMC42IDIzLjkgNDAuNyAzMi40IDE3My40IDEyOC43IDE2LjggMTIuMiA1MC4yIDQxLjggNzMuNCA0MS40eiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=');
  vertical-align: -0.143em;
}