@charset "utf-8";

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined);

/********** BOS共通 **********/

:root {
	--default-font-size: 1.3rem;
	--button-font-size: 1.2rem;
}

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font-family:
		'游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
		Meiryo, sans-serif;
	font-size: inherit;
	font-weight: normal;
	box-sizing: border-box;
}

html {
	height: 100%;
	font-size: 62.5%;
}

body {
	height: 100%;
	color: #333333;
	font-size: var(--default-font-size);
	line-height: 1.5;
	background-color: #f7f8fc;
	overflow-x: auto;
}

body#cm_index {
	overflow-y: hidden;
}

body.bg_white {
	background-color: #fff;
}

form {
	margin: 0px;
	padding: 0px;
}
img,
table {
	border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:
		'游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
		Meiryo, sans-serif;
}

hr {
	height: 5px;
	border-top: 5px solid #336699;
	border-bottom: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}
td {
	vertical-align: top;
	text-align: left;
}
ul,
li {
	list-style: none;
}

a {
	color: #006399;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}
a:hover {
	color: #006399;
	text-decoration: underline;
}

pre {
	white-space: pre-wrap;
}

.progress-bar.active,
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 0.5s linear infinite;
	-o-animation: progress-bar-stripes 0.5s linear infinite;
	animation: progress-bar-stripes 0.5s linear infinite;
}

/******************************************************************
 cm_index
*******************************************************************/
.main-body {
	padding: 67px 0 0 265px;
	position: relative;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.main-body.main-wide {
	padding-left: 0;
}

.iframe_menu {
	border: 0;
	border-right: 1px solid #d3d3d3;
	display: block;
	width: 265px;
	height: calc(100vh - 64px);
	position: fixed;
	top: 67px;
	left: 0;
	background-color: #f7f8fc;
	overflow-x: hidden;
	overflow-y: auto;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.iframe_menu.menu-close {
	left: -265px;
}

.iframe_main {
	display: block;
	width: 100%;
	height: calc(100vh - 64px);
	overflow: auto;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

/********** HEADER **********/
.main-header {
	border-bottom: 1px solid #ddd;
	display: table;
	width: 100%;
	height: 67px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: transparent;
	width: 100%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.header-toggle-icon {
	padding: 10px 20px;
	display: table-cell;
	width: 30px;
	vertical-align: middle;
}

.header-toggle-icon-a {
	padding: 10px;
	border-radius: 50%;
	display: block;
	position: relative;
	text-decoration: none;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.header-toggle-icon-a:hover {
	background-color: #efefef;
}

.header-toggle-icon-a:hover::before {
	padding: 5px 10px;
	border-radius: 5px;
	display: block;
	position: absolute;
	top: 44px;
	left: 1px;
	color: #fff;
	background-color: #333;
	content: 'メニューを表示';
	white-space: nowrap;
}

.header-toggle-icon-a.icon-close:hover::before {
	padding: 5px 10px;
	border-radius: 5px;
	display: block;
	position: absolute;
	top: 44px;
	left: 1px;
	color: #fff;
	background-color: #333;
	content: 'メニューを非表示';
	white-space: nowrap;
}

.header-toggle-icon-a .material-symbols-outlined {
	font-weight: 300;
}

.main-header .logo {
	display: table-cell;
	width: 140px;
	height: 60px;
	padding: 10px;
	float: none;
	line-height: 1;
	vertical-align: middle;
}
.main-header .logo img {
	display: block;
	height: 100%;
}

.main-header a {
	color: #333 !important;
}
.main-header a i {
	color: inherit;
	padding-right: 3px;
}

.header-company-name {
	padding: 10px 20px;
	display: table-cell;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

.header-menu {
	display: table-cell;
	vertical-align: middle;
}

.header-menu-ul-1 {
	margin: 0 0 0 auto;
	padding: 0 20px 0 0;
	display: table;
}

.header-menu-ul-1-li {
	padding: 10px 0 10px 8px;
	display: table-cell;
	position: relative;
}

.header-menu-ul-1-li-a {
	padding: 10px;
	border-radius: 50%;
	display: block;
}

.header-menu-ul-1-li-a.active,
.header-menu-ul-1-li-a:hover {
	background-color: #efefef;
}

.header-menu-ul-1-li-a.active {
	background-color: #e3f2fd;
}

.header-menu-ul-1-li-a .material-symbols-outlined {
	font-weight: 300;
}

.header-menu-ul-1-li-tooltip {
	padding: 5px 10px;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: 56px;
	right: 1px;
	color: #fff;
	background: #333;
	white-space: nowrap;
}

.header-menu-ul-1-li:hover .header-menu-ul-1-li-tooltip {
	display: block;
}

.header-menu-ul-1-li-sub {
	padding: 10px 0;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: 54px;
	right: 0;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.header-menu-ul-1-li-sub.active {
	display: block;
}

.header-menu-ul-2 {
	position: relative;
}

.header-menu-ul-2-bdb {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.header-menu-ul-2-bdb::before {
	border-top: 1px solid #eee;
	width: calc(100% - 20px);
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	transform: translateX(-50%);
}

.header-menu-ul-2-li {
	position: relative;
	white-space: nowrap;
}

.header-menu-ul-2-li-a {
	padding: 7px 20px;
	display: block;
}

.header-menu-ul-2-li-a:active,
.header-menu-ul-2-li-a:hover {
	background-color: #efefef;
}

.header-menu-ul-2-li-sub {
	padding: 10px 0;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: 0;
	right: 100%;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.header-menu-ul-2-li-sub.active {
	display: block;
}

.header-menu-ul-2-li.has-submenu:hover .header-menu-ul-2-li-sub {
	display: block;
}

.header-menu-ul-3-li {
	position: relative;
	white-space: nowrap;
}

.header-menu-ul-3-li-a {
	padding: 7px 20px;
	display: block;
}

.header-menu-ul-3-li-a:hover {
	background-color: #efefef;
}

.header-menu-user {
	margin: 0 0 20px;
	padding: 0 20px 20px;
	position: relative;
	white-space: nowrap;
}

.header-menu-user::before {
	border-bottom: 1px solid #eee;
	width: calc(100% - 40px);
	position: absolute;
	bottom: 0;
	left: 20px;
	content: '';
}

.header-menu-h5 {
	padding: 0 20px 0;
	font-size: calc(var(--default-font-size) * 0.83333);
	color: #999;
}

.header-menu-user-name {
	font-weight: bold;
}

.header-menu-user-dep {
	font-size: 11px;
}

.header-menu-menu {
	padding: 20px 0;
}

/******************************************************************
 cm_menu
*******************************************************************/
#menu {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: auto;
	background-color: transparent;
	overflow-x: hidden;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.menu_site_box {
	padding: 20px;
	font-size: var(--default-font-size);
	font-weight: bold;
	text-align: center;
}

.menu_site_id {
	padding: 10px;
	border-radius: 5px;
	font-weight: bold;
	background-color: #fff;
}

.menuarea {
	padding: 0 10px 20px;
}

.menuarea_category {
	padding: 7px 0;
	position: relative;
}

.menuarea_category::before {
	border-top: 1px solid #e0e0e0;
	display: block;
	width: calc(100% - 20px);
	height: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: '';
}

.menuarea_category:first-of-type::before {
	display: none;
}

.menuarea h2 {
	margin: 2px 0 0;
	padding: 10px;
	font-size: calc(var(--default-font-size) * 1.16667);
	color: inherit;
	background-color: transparent;
}

.menuarea h2 i {
	width: 13px;
	margin: 1px 5px 0 0;
	color: inherit;
}

.menuarea h3,
.menuarea .a-h3 {
	margin: 0;
	padding: 7px 10px 7px 40px;
	border-radius: 50px;
	display: block;
	font-weight: normal;
	font-size: inherit;
	color: inherit;
	line-height: 2;
	cursor: pointer;
	text-decoration: none;
	background-color: transparent;
	position: relative;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}
.menuarea h3:hover,
.menuarea .a-h3:hover {
	font-weight: bold;
	text-decoration: none;
	background-color: #efefef;
}

.menuarea h3.opened {
	font-weight: bold;
}

.a-h3.current {
	font-weight: bold;
	background-color: #e3f2fd;
}

.menuarea h3:before {
	border-top: 1px solid #333;
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 9px;
	height: 1px; /*10px*/
	opacity: 0;
	content: '';
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.menuarea h3.opened:before {
	content: '';
	opacity: 1;
}

.menuarea h3 i {
	width: 13px;
	margin: 1px 3px;
}

.menuarea h3 span.material-symbols-outlined,
.menuarea .a-h3 span.material-symbols-outlined {
	font-weight: 300;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

.menuarea ul {
	list-style-type: none;
}

.menuarea .menuarea_category > ul {
	display: none;
}

.menuarea .menuarea_category > ul > li {
	list-style: none;
	padding: 0 0 0 25px;
}

.menuarea .menuarea_category > ul > li a {
	padding: 5px 10px;
	border-radius: 50px;
	display: block;
	color: #333;
	text-decoration: none;
}

.menuarea .menuarea_category > ul > li a:hover {
	background-color: #efefef;
	text-decoration: none;
}

.menuarea li a.current {
	font-weight: bold;
	background-color: #e3f2fd;
}

.menuarea h4 {
	margin: 0;
	padding: 5px 10px 5px 20px;
	position: relative;
	font-size: calc(var(--default-font-size) * 0.91667);
}

.menuarea h4::before {
	border-top: 7px solid #aaa;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	display: block;
	width: 8px;
	height: 7px;
	position: absolute;
	top: calc(50% - 3.5px);
	left: 10px;
	content: '';
}

.menuarea .menuarea_category > ul > li > ul > li {
	padding: 0 0 0 10px;
}

.menu_footer ul {
	border-radius: 5px;
	margin: 4px;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}
.footer_list {
	display: none;
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none !important;
}
.footer_list:before {
	font-family: FontAwesome;
	content: '\f138';
	position: absolute;
	left: 1em;
	color: skyblue;
}
#info_ver {
	padding: 4px;
	color: gray;
	font-size: calc(var(--default-font-size) * 0.8);
	text-align: right;
}
.footer_start {
	height: 20px;
}
.footer_end {
	height: 10px;
}

.refreshbtn {
	float: right;
	clear: both;
}
.refreshbtn a {
	font-size: inherit;
}

/******************************************************************
 main
*******************************************************************/
.main {
	padding: 20px 20px 60px;
	position: relative;
	height: auto;
	min-height: 100%;
	background-color: transparent;
}
.main:before,
.main:after {
	content: '';
	display: table;
}
.main:after {
	clear: both;
}
.main {
	zoom: 1;
}

.wide .main {
	max-width: 100%;
}

.h1_logo {
	margin: 10px 0 40px;
}
.h1_logo img {
	max-width: 280px;
	max-height: 80px;
}

.main h2 {
	padding: 0 0 0 10px;
	margin: 10px 0 30px;
	border-left: 3px solid #006399;
	font-size: calc(var(--default-font-size) * 1.30769);
	font-weight: bold;
}

.main h2 span {
	font-size: inherit;
	font-weight: inherit;
}

.h2-box {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: content-box;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-ms-flex-flow: row wrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.h2-box-inner-right {
	text-align: right;
}

.main h3 {
	padding: 0 15px 0 0;
	margin: 0 0 10px;
	color: inherit;
	font-size: calc(var(--default-font-size) * 1.30769);
	font-weight: bold;
	position: relative;
}

.main h3 button {
	margin-top: -5px;
	width: 150px;
}

.main h3.border {
	border-bottom: solid 1px #d3d3d3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.main h4 {
	margin-top: 0;
	padding: 0 10px 5px 0;
	font-size: calc(var(--default-font-size) * 1.153846);
}

.main h4 span {
	vertical-align: middle;
}

.h4-box {
	margin-bottom: 10px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: content-box;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-flow: row wrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.h4-box h4 {
	margin: 0;
	padding: 0 10px 0 0;
}

.h4-box-inner-right {
	text-align: right;
}

.h4-box-bg-gray {
	margin: 20px 0 10px;
	padding: 5px 10px;
	background-color: #f3f3f3;
}

.h4-box-bg-gray h4 {
	margin: 0;
	padding: 0;
}

.h4-box-bg-gray-top {
	margin: 10px 0 30px;
}

.heading-bold {
	font-weight: bold;
}

.summary_condition {
	font-size: calc(var(--default-font-size) * 1.07692);
	font-weight: bold;
}

.panel-body-box {
	margin-bottom: 30px;
}

.panel-body-box table.table,
.panel-body-box table.setting-table,
.panel-body-box table.table > thead > tr > th,
.panel-body-box table.setting-table > thead > tr > th {
	border-top: 0;
	border-bottom-width: 1px;
}

/********** .panel-whiteの中で最後のtableのmargin-bottomを0にする **********/
.panel-white table:last-of-type {
	margin-bottom: 0;
}

.panel-white .panel-body-box:last-of-type {
	margin-bottom: 0;
}

.msg-area {
	margin: 0 0 40px;
	font-size: inherit;
}

.panel-white {
	margin: 0 auto 20px;
	padding: 20px;
	border-radius: 10px;
	background: #fff;
}

/*.panel-white h4 {
	font-weight: bold;
}*/

.panel-white h4 .material-symbols-outlined {
	margin: 0 5px 0 0;
	font-size: 150%;
}

.panel-white + h2 {
	margin-top: 30px;
}

.scroll_box {
	width: 100%;
	overflow: auto;
}

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

.main h5 {
	font-size: inherit;
	font-weight: bold;
}

.main-box {
	padding-bottom: 30px;
}

/*.btm-box {
	position:absolute;
	bottom:50px;
	width:96%;
	max-width:984px;
	height:50px;
	z-index:999;
	left:0;
	right:0;
	margin:auto;
}*/
/*.btm-box ul {
	margin:20px;
}*/
/*.btm-box li {
	float:left;
	margin:0 10px 10px 0;
	width:140px;
	position:relative;
}
.btm-box li button {
	width:100%;
	display:block;
	padding:6px 10px;
	font-size:inherit;
}*/

.btm-box .box {
	margin: 0;
}

.btm-box .btn-list {
	padding: 10px;
}

/********** footer **********/
.footer {
	clear: both;
	border-top: solid 1px #cccccc;
	margin: 20px auto 0;
	padding: 10px 0 0;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	width: 96%;
}

.footer img {
	max-height: 13px;
}

/********** dashboard **********/
.panel-gray {
	border-color: #ddd;
	background-color: #f0f0f0;
}

.panel-gray .panel-heading {
	border-bottom: 0;
	border-radius: 3px;
	color: inherit;
	background-color: #f0f0f0;
}

.panel-white .panel-heading {
	font-weight: bold;
}

h4.panel-ttl {
	border-bottom: 0;
	text-align: center;
	background-color: transparent;
}

.panel-num {
	font-size: calc(var(--default-font-size) * 2.66667);
	text-align: center;
	opacity: 0.8;
}

.h3-bar-left {
	border-left: 5px solid #ccc;
}

.h3-bar-green {
	border-color: #6eb92b;
}

.h3-bar-blue {
	border-color: #1c4fa1;
}

.dashboard-symbol-xl {
	display: block;
	font-size: calc(var(--default-font-size) * 5.33333);
	color: #666;
	line-height: 1;
	opacity: 0.3;
}

.dashboard-symbol-xl .material-symbols-outlined {
	vertical-align: top;
}

.dashboard-footer-symbol .material-symbols-outlined {
	font-size: calc(var(--default-font-size) * 1.6);
}

.dashbord_panel_btn {
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.dashbord_panel_btn:hover {
	transform: scale(1.05);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

#searchArea textarea.form-control,
.search-area textarea.form-control,
.search-area.e2r-form textarea,
.search-area .e2r-form textarea,
.search-area textarea {
	height: 34px;
}

.search-display .col-half {
	float: left;
	width: auto;
	margin: 0px 20px 10px 0px;
}
.search-display .col-half span {
	font-weight: bold;
}
.search-display .btn {
	font-size: inherit;
}
.search-display .form-control {
	width: auto;
}

div.search-condition {
	display: none;
}

.search-condition-mrgn {
	margin: 20px;
}

.search-condition h4 {
	margin: 0;
	border: 0;
	color: inherit;
}

div.search-condition h4 i {
	color: inherit;
}

.search-condition .inner {
	padding: 5px 10px;
	border-color: #ddd;
	overflow: auto;
	height: 65px;
}

.scroll-div {
	width: 100%;
	overflow: auto;
}

#chart_area .download {
	text-align: right;
}

#graph-img img {
	max-width: 100%;
}

.total {
	background-color: #e3f2fd;
}
.chart_div {
	width: 100%;
	height: 400px;
}

.chart-box-flex {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: content-box;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-ms-flex-flow: row wrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.chart-box-50prc {
	flex-basis: calc(50% - 7.5px);
}

@media (max-width: 1200px) {
	.chart-box-50prc {
		flex-basis: 100%;
	}
}

/********** member_dashboard **********/
.btns-box-flex {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: content-box;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-ms-flex-flow: row wrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	flex-flow: row wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.btns-box-50prc {
	flex-basis: calc(50% - 7.5px);
}

.btns-a {
	display: block;
	position: relative;
	color: inherit;
	font-size: calc(var(--default-font-size) * 1.153846);
	font-weight: bold;
}

.btns-a span {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: middle;
}

.btns-a .material-symbols-outlined {
	margin: 0 5px 0 0;
	font-size: 150%;
	font-weight: normal;
}

.btns-a-right {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

@media (max-width: 1000px) {
	.btns-box-50prc {
		flex-basis: 100%;
	}
}

/********** pop up **********/
body.pop {
	height: 100%;
	width: 100%;
}
.pop .main {
	position: relative;
	height: auto;
	min-height: 100%;
	padding: 20px 20px 60px;
}
.pop .main.narrow {
	max-width: 700px;
}

.pop h3 {
	border-bottom: solid 1px #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
h3 button {
	position: absolute;
	top: -3px;
	right: 10px;
}
.pop h4 {
	margin-bottom: 20px;
	font-size: calc(var(--default-font-size) * 1.33333);
	color: #3c8dbc;
}

/********** menu-tooltip **********/
.menu-tooltip-parent {
	position: relative;
}

.menu-tooltip {
	padding: 5px 10px;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: calc(100% + 5px);
	left: 50%;
	color: #fff;
	font-size: var(--default-font-size);
	background: #333;
	white-space: nowrap;
	transform: translateX(-50%);
	z-index: 1000;
}

.menu-tooltip-parent:hover .menu-tooltip {
	display: block;
}

.menu-tooltip-sticky {
	position: sticky;
}

.menu-tooltip-left {
	left: 0;
	transform: translateX(0);
}

/********** custom_summary **********/
.th_shurui {
	width: 30% !important;
}
.label_toggle {
	font-weight: bold;
	font-size: calc(var(--default-font-size) * 1.2);
	cursor: pointer;
}
/* 設定表示リスト */
#print_config_list {
	padding: 2px;
	border-radius: 5px;
	display: none;
	width: 300px;
	height: 250px;
	overflow-y: scroll;
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-decoration: none;
	font-size: calc(var(--default-font-size) * 0.9);
	color: #ffffff;
	text-align: left;
	background: #616161;
}
#print_config_list div {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
#print_config_list span {
	color: #ffffff;
	font-weight: bold;
	margin: 2px;
	padding-right: 2px;
}
#print_config_list hr {
	border-top: 3px white dashed;
}

/********** general_summary **********/
#summary {
	min-width: 600px;
	width: 100%;
	height: 100%;
	overflow: auto;
}
#summary th {
	min-width: 100px;
	max-width: 100px;
}
.junbichu {
	background-color: #d0d0d0;
}

/********** recruiter **********/
.pagenation {
	clear: both;
}
.pagenation .page-text {
	float: left;
	padding: 5px 10px;
}
.pagenation .btn-group {
	float: right;
	margin-bottom: 10px;
}
.pagenation .btn-group i {
	color: #fff;
}
.pagenation button.prev,
.pagenation button.next {
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

/********** コンソールのJSP用画面 **********/
.index-list {
	/*	margin:0px 20px;*/
	/*border-top:solid 1px #d3d3d3;
	border-bottom:solid 1px #d3d3d3;*/
}

.index-list li {
	/*	margin: 7px 0px;*/
	padding: 10px 0;
	/*	border-top:solid 1px #efefef;*/
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	/*border-bottom: solid thin;
	border-bottom-color: #eeeeee;*/
	/*	max-width: 600px;*/
	/*	height: 51px;*/
	color: transparent;
	/*	color: #ffffff*/
	font-size: 0;
	/*	font-size:calc(var(--default-font-size) * 0.5);*/
	/*	line-height: 31px;*/
	vertical-align: middle;
}

/*.index-list li:first-of-type {
	border-top: 0;
}*/

.index-list li:before {
	padding-right: 5px;
	display: inline-block;
	font-size: inherit;
	/*	font-size:calc(var(--default-font-size) * 1.25);*/
	/*	color: #009B9B;*/
	color: #616161;
	font-size: var(--default-font-size);
	font-family: 'Material Symbols Outlined';
	content: '\e2c8';
}

.index-list li a {
	font-size: var(--default-font-size);
	/*	font-size:calc(var(--default-font-size) * 1.25);*/
}

.index-list ul {
	list-style: none;
}

/********** Welcome Dashbode共通 **********/
i.alf {
	color: #fff;
	opacity: 0.3;
}

.huge {
	font-size: calc(var(--default-font-size) * 2.66667);
	color: #fff;
	opacity: 0.8;
}
i.alf2 {
	color: #666;
	opacity: 0.3;
}
.huge2 {
	font-size: calc(var(--default-font-size) * 2.66667);
	color: #666;
	opacity: 0.8;
}
.lbtext {
	font-size: inherit;
	font-weight: 200;
	color: #fff;
	text-align: right;
	padding-right: 15px;
}
.lbtext2 {
	font-size: calc(var(--default-font-size) * 0.83333);
	color: #333;
	text-align: right;
	padding-right: 15px;
}

.dataTable > tbody > tr.selected > td {
	vertical-align: middle;
	background-color: #fafafa;
}
.dataTable > tbody > tr.selected:hover > td {
	background-color: #fafafa;
}

/* 検索一覧画面　チェクボックス制御ボタン類*/
.check-bt {
	margin: 0px 0px 5px 0px;
}
.btfont {
	margin: 0px 5px 5px 0px;
	font-size: calc(var(--default-font-size) * 0.83333);
}
.fa-white {
	color: #ffffff;
}

#dynamic-table th,
#dynamic-table td {
	padding: 0 8px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#fixedhead-table th,
#dynamic-table th {
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
}

#fixedhead-table .update,
#dynamic-table .update {
	width: 4em;
	display: block;
	margin: 0 auto 5px;
}

#fixedhead-table .blank,
#dynamic-table .blank {
	display: block;
	margin: 0 auto 5px;
}

#fixedhead-table i,
#dynamic-table i {
	color: #ffffff;
	margin-right: 5px;
}

#fixedhead-table th i,
#dynamic-table th i {
	color: #000099;
}

#fixedhead-table thead th,
#dynamic-table thead th {
	background-color: #fff;
	color: #616161;
	font-weight: bold;
	vertical-align: middle;
}

#fixedhead-table thead th a,
#dynamic-table thead th a {
	color: inherit;
	font-weight: bold;
	text-decoration: underline;
}

#fixedhead-table thead th a:hover,
#dynamic-table thead th a:hover {
	color: inherit;
	font-weight: bold;
	text-decoration: underline;
}

.OnSide span {
	color: #ffffff !important;
}
.OffSide span {
	color: #ffffff !important;
}

#fixedhead-table td.text-nr,
#dynamic-table td.text-nr {
	white-space: nowrap;
}

tr.resign-user td {
	background-color: #e5e5e5 !important;
}

#viewcount {
	display: inline;
}

/********** LINE表示 **********/
.line-txt {
	color: #00c300;
}
.line-icn {
	background-color: #00c300;
	border-radius: 4px;
}
.line-btn {
	color: #fff;
	background-color: #00c300;
}
.line-btn:link,
.line-btn:visited,
.line-btn:hover,
.line-btn:active,
.line-btn:focus {
	color: #fff;
}
.line-btn:hover {
	background-color: #00e000;
}
.line-btn:active {
	background-color: #00b300;
}

/********** レポート **********/
ul.report-list {
	padding: 0 15px;
}
ul.report-list > li {
	padding: 3px 25px 10px;
	background: url('/export/ja/prodemo_koubo00_members/images/e2r_pro/assets/images/bg_arrow_menu.gif') 12px 8px no-repeat;
}
ul.report-list > li > ul > li {
	padding: 0 10px;
}
ul.report-list > li > ul > li > ul {
	padding-left: 25px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
ul.report-list > li > ul > li > ul > li {
	flex-basis: 16%;
}

/********** profile **********/
.profile-photo {
	float: right;
	max-width: 140px;
	text-align: center;
	width: 14%;
}
.profile-photo img {
	width: 100%;
}
.profile-photo .btn {
	font-size: var(--button-font-size);
	margin-top: 10px;
}

.pager {
	text-align: left;
}
.pager li > a {
	background-color: #fff;
	border-color: #ddd;
	color: #333;
}
.pager li > a:hover {
	background-color: #eee;
}

.tab-area {
	margin: 10px 0;
	padding-bottom: 20px;
}
.tab-area .btn-group {
	margin: 10px 0;
}
.tab-area .btn-group i {
	color: #ffffff;
}
.profile-info .tab-content {
	padding: 1px 0 0;
	margin-bottom: 20px;
	background-color: transparent;
}

/********** タブ **********/
.nav-tabs-custom {
	margin-bottom: 0;
	box-shadow: none;
}

.nav-tabs-custom > .nav-tabs {
	border-color: transparent;
}

.nav-tabs-custom > .nav-tabs > li {
	border-top: 0;
	margin-bottom: 0;
}

.nav-tabs-custom > .nav-tabs > li > a {
	border: 0;
	border-bottom: 2px solid #efefef;
}

.nav-tabs-custom > .nav-tabs > li.active {
	margin-bottom: 0;
	border-top: 0;
}

.nav-tabs-custom > .nav-tabs > li.active > a {
	background-color: transparent;
	border: 0;
	border-bottom: 2px solid #006399;
	font-weight: bold;
}

/******************************************************************
 table
*******************************************************************/

/********** .table **********/
.table {
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	border-collapse: collapse;
}

.table > thead > tr > th,
.table > thead > tr > td {
	padding: 10px;
	border-top: solid 1px #d3d3d3;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: #616161;
	font-size: inherit;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background-color: transparent;
}

.table > thead > tr:nth-of-type(2) > th,
.table > thead > tr:nth-of-type(2) > td {
	border-top-color: #efefef;
}

.table > thead > tr:last-of-type > td {
	border-bottom: 1px solid #d3d3d3;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
	padding: 10px;
	border-top: solid 1px #efefef;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: inherit;
	font-size: inherit;
	text-align: left;
	vertical-align: middle;
	background-color: transparent;
}

.table > tbody > tr:first-of-type > th,
.table > tbody > tr:first-of-type > td,
.table > tfoot > tr:first-of-type > th,
.table > tfoot > tr:first-of-type > td {
	border-top-color: #d3d3d3;
}

.table > tbody > tr > td.btn_td {
	padding-left: 0;
}

.table > tbody > tr > td.btn_td:first-of-type {
	padding-left: 10px;
}

.table > tbody + tbody {
	border-top-width: 1px;
}

.table-thgray > tbody > tr > th {
	background-color: #f3f3f3;
}

/********** table.mail-temp **********/
table.mail-temp {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	width: 100%;
	background-color: #fff;
}

table.mail-temp th,
table.mail-temp td {
	padding: 10px;
	border: 1px solid #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: inherit;
	font-size: inherit;
	text-align: left;
	vertical-align: middle;
	background-color: transparent;
}

table.mail-temp .title th {
	background-color: transparent;
	color: inherit;
	text-align: left;
}

table.mail-temp thead th,
table.mail-temp thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.mail-temp tbody tr:first-of-type th,
table.mail-temp tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.mail-temp tbody tr:last-of-type th,
table.mail-temp tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table.mail-temp .category {
	position: relative;
	background-color: #e3f2fd;
	cursor: pointer;
}
table.mail-temp .category.opened th:before {
	content: '\f068';
}

table.mail-temp .category i {
	margin-top: 5px;
}

.mail-send-area .col1 {
	width: 5%;
}
.mail-send-area .col2 {
}
.mail-send-area .col3 {
	width: 40%;
}
.mail-send-area .col4 {
	width: 12%;
}
.mail-send-area .col5 {
	width: 8%;
	text-align: center;
}

/********** table.content-table **********/
table.content-table {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	width: 100%;
	text-align: left;
	background-color: #ffffff;
	margin-bottom: 10px;
}

table.content-table th {
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	padding: 10px;
	height: 51px;
	font-weight: bold;
	vertical-align: middle;
}

table.content-table td {
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	padding: 10px;
	height: 51px;
	vertical-align: middle;
}

table.content-table tbody th {
	width: 150px;
	background: transparent;
	color: inherit;
}

table.content-table p.hosoku {
	padding: 5px 0 0 5px;
	margin-bottom: 0;
	font-size: calc(var(--default-font-size) * 0.923077);
	clear: both;
}

table.content-table thead th,
table.content-table thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.content-table tbody tr:first-of-type th,
table.content-table tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.content-table tbody tr:last-of-type th,
table.content-table tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table.content-table > tbody > tr:hover,
table.content-table > tbody > tr:active,
table.content-table > tbody > tr:focus {
	background-color: transparent;
}

/********** table.index-table **********/
table.index-table {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
}

table.index-table th,
table.index-table td {
	padding: 10px;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	vertical-align: middle;
}
table.index-table th:first-child,
table.index-table td:first-child {
	border-left: none;
}
table.index-table th:last-child,
table.index-table td:last-child {
	border-right: none;
}
table.index-table th {
	background-color: transparent;
	color: inherit;
	text-align: center;
}
table.index-table td {
	vertical-align: middle !important;
}

table.index-table thead th,
table.index-table thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.index-table tbody tr:first-of-type th,
table.index-table tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.index-table tbody tr:last-of-type th,
table.index-table tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table.index-table select {
	display: inline-block;
	width: 200px;
}

/********** table.list-table **********/
table.list-table {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	width: 100%;
	text-align: left;
	background-color: #fff;
	margin-top: 10px;
}

table.list-table th,
table.list-table td {
	padding: 10px;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: inherit;
	vertical-align: middle;
	background-color: transparent;
}

table.list-table thead th,
table.list-table thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
	background-color: transparent;
}

table.list-table tbody tr:first-of-type th,
table.list-table tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.list-table tbody tr:last-of-type th,
table.list-table tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table.list-table dl,
table.list-table .search-display dd {
	margin-bottom: 0;
}
table.list-table dl {
	width: 250px;
	float: left;
}
table.list-table .page-btn {
	float: right;
}
table.list-table .page-btn .btn {
	padding: 0 10px;
}
table.list-table .page-btn .btn i {
	color: #ffffff;
}

/********** table.mail-list **********/
table.mail-list {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	width: 100%;
}

table.mail-list th,
table.mail-list td {
	padding: 10px;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: inherit;
	text-align: left;
	vertical-align: middle;
	background-color: transparent;
}

table.mail-list thead th,
table.mail-list thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.mail-list tbody tr:first-of-type th,
table.mail-list tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.mail-list tbody tr:last-of-type th,
table.mail-list tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

.in-mail,
table.mail-list .midoku {
	color: #ce4844;
}
.out-mail {
	color: #337ab7;
}
table.mail-list .kidoku {
	color: #5cb85c;
}

/********** table.search-table **********/
table.search-table {
	width: 100%;
	border: 0;
}
table.search-table th,
table.search-table td {
	padding: 10px;
	border: 0;
	height: 51px;
	vertical-align: top;
}
table.search-table tbody th,
table.search-table tbody td {
	border: 0;
	position: relative;
	vertical-align: top;
}

table.search-table thead th,
table.search-table thead td {
	border: 0;
	color: #616161;
	font-weight: bold;
	vertical-align: middle;
}

table.search-table th i {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: calc(var(--default-font-size) * 1.5);
}

table.search-table > tbody > tr:hover,
table.search-table > tbody > tr:active,
table.search-table > tbody > tr:focus {
	background-color: transparent;
}

.search-table-h6 {
	margin-top: 0;
	font-size: inherit;
}

.help {
	font-size: calc(var(--default-font-size) * 0.91667);
	margin: 22px 0 0 0;
}
.help span {
	color: #c7254e;
	font-size: calc(var(--default-font-size) * 0.91667);
}

.select-box .box-header,
.select-box .box-body {
	padding: 0;
	overflow-x: auto;
}
.selected-form {
	width: 90%;
	float: left;
}
.up-down-btn {
	display: table-cell;
	vertical-align: middle;
	width: 10%;
	height: 100%;
}

.select-wrap {
	margin-bottom: 20px;
}
.select-wrap:before,
.select-wrap:after {
	content: '';
	display: table;
}
.select-wrap:after {
	clear: both;
}
.select-wrap {
	zoom: 1;
}
.select-wrap .select-box {
	width: 200px;
	float: left;
	margin: 0 10px;
}

.select-wrap table.select-table {
	width: 100%;
	height: 100%;
	border: 0;
}

.select-wrap table.select-table th {
	padding: 10px 10px 10px 0;
	height: 51px;
	color: inherit;
	font-weight: bold;
	vertical-align: middle;
	background-color: transparent !important;
}

.select-wrap table.select-table th.valt {
	vertical-align: top;
}

.select-wrap table.select-table td {
	padding: 10px;
	height: 51px;
	vertical-align: middle !important;
	background-color: transparent !important;
}

table.select-table > tbody > tr,
table.select-table > tbody > tr:hover,
table.select-table > tbody > tr:active,
table.select-table > tbody > tr:focus {
	background-color: transparent !important;
}

.select-wrap table.select-table td select {
	padding: 3px 10px;
	width: 100%;
	height: 100%;
}

select[multiple],
.select-wrap table.select-table td select[multiple] {
	padding: 3px 0;
	height: auto !important;
	/*	width: auto;*/
}

.select-wrap table.select-table td select option {
	padding: 3px 0;
}

select[multiple] option,
.select-wrap table.select-table td select[multiple] option {
	padding: 3px 10px;
}

.select-width {
	max-width: 1200px;
}
.select-btn {
	width: 80px;
	float: left;
	margin: 30px 5px 0;
	text-align: center;
}
.select-btn button {
	width: 100%;
}
.select-btn button i {
	color: #ffffff;
}
.up-down-btn {
	width: 40px;
	float: left;
	margin: 0 5px;
}

#system-set {
	background-color: #ffffff;
}

#system-set.box {
	border: 1px solid #d3d3d3;
}

#system-set h5 {
	padding: 10px;
	margin: 0;
	position: relative;
	/*	border-bottom:solid 1px #d3d3d3;*/
}

#system-set h5:before {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	content: '\e145';
	font-family: 'Material Symbols Outlined';
	cursor: pointer;
}

#system-set h5.opened:before {
	content: '\e15b';
}

#system-set h5 span {
	position: absolute;
	right: 40px;
}

.system-set-cont {
	padding: 10px;
	border-top: solid 1px #d3d3d3;
	overflow: auto;
	display: none;
}

.system-set-cont .bdr-btm {
	padding: 10px;
	margin-bottom: 20px;
	border-bottom: solid 1px #aaaaaa;
}
.system-set-cont .td1 {
	/*	background-color: gainsboro;*/
	/*	border:solid 2px #ffffff;*/
	font-weight: bold;
	vertical-align: middle;
}
.system-set-cont td {
	padding: 3px;
}

td.line {
	border: 1px solid black !important;
}

/********** table.table-blk **********/
table.table-blk {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	background-color: #ffffff;
	max-width: 800px;
	width: 85%;
	float: left;
}

table.table-blk th,
table.table-blk td {
	padding: 10px;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	vertical-align: middle;
}

/********** table.table-blue **********/
table.table-blue {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	background-color: #ffffff;
	width: 100%;
}

table.table-blue th,
table.table-blue td {
	padding: 10px;
	border-top: solid 1px #efefef;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	height: 51px;
	vertical-align: middle;
}

table.table-blue thead th,
table.table-blue thead td,
table.table-blue .tr-thead th,
table.table-blue .tr-thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.table-blue tbody tr:first-of-type th,
table.table-blue tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.table-blue tbody tr:last-of-type th,
table.table-blue tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table.table-blue td.null {
	border-bottom-color: #d3d3d3;
}

table.table-blue > tbody > tr:hover,
table.table-blue > tbody > tr:active,
table.table-blue > tbody > tr:focus {
	background-color: #fff;
}

table.table-blue th.bg-w {
	background-color: #ffffff;
}

.pop table .null {
	border-right: none;
	border-left: none;
}

table.txt-center td {
	text-align: center;
}

/********** table.table-bordered **********/
table.table-bordered {
	border: 1px solid #d3d3d3;
	border-left: 0;
	border-right: 0;
	background-color: #ffffff;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	padding: 10px;
	border: 1px solid #d3d3d3;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: #616161;
	font-weight: bold;
	vertical-align: middle;
}
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
	padding: 10px;
	border: 1px solid #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	vertical-align: middle;
}
.table-bordered > tbody > tr:first-of-type > th,
.table-bordered > tbody > tr:first-of-type > td {
	border-top-color: #d3d3d3;
}
.table-bordered > tbody > tr:last-of-type > th,
.table-bordered > tbody > tr:last-of-type > td {
	border-bottom-color: #d3d3d3;
}

.user-name {
	background-color: #f3f3f3;
	padding: 5px;
	margin-bottom: 20px;
	color: #333;
	font-size: calc(var(--default-font-size) * 1.33333);
}
.message-wrap {
	background-color: #ffffff;
	border: solid 1px #3c8dbc;
	padding: 20px;
}
.message-wrap .msg-title {
	margin: 10px 0;
	font-weight: bold;
}

/********** table.table-noborders **********/
table.table-noborders {
	border: 0;
	background-color: #ffffff;
}
table.table-noborders p.hosoku {
	padding: 5px 0 0 5px;
	margin-bottom: 0;
	font-size: calc(var(--default-font-size) * 0.923077);
	clear: both;
}
.table-noborders > thead > tr > th,
.table-noborders > thead > tr > td {
	padding: 10px;
	border: 0;
	height: 51px;
	color: #616161;
	font-weight: bold;
	vertical-align: middle;
}
.table-noborders > tbody > tr > th,
.table-noborders > tbody > tr > td,
.table-noborders > tfoot > tr > th,
.table-noborders > tfoot > tr > td {
	padding: 10px;
	border: 0;
	height: 51px;
	vertical-align: middle;
}
.table-noborders.valt > tbody > tr > th,
.table-noborders.valt > tbody > tr > td,
.table-noborders.valt > tfoot > tr > th,
.table-noborders.valt > tfoot > tr > td {
	vertical-align: top;
}

/********** table.print-table **********/
.print .main {
	width: 750px;
}
table.print-table {
	width: 90%;
	margin: 20px auto;
}
table.print-table td {
	padding: 10px;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	vertical-align: middle;
}

/********** e2r **********/
table.e2r-set {
	width: 100%;
}

table.e2r-set td {
	padding: 10px;
	height: 51px;
	vertical-align: middle;
}
table.e2r-set .td1 {
	background-color: transparent;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	font-weight: bold;
}

table.e2r-set .td2,
table.e2r-set .td3 {
	background-color: transparent;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
}

table.e2r-set > tbody > tr:hover,
table.e2r-set > tbody > tr:active,
table.e2r-set > tbody > tr:focus {
	background-color: #fff;
}

/********** table.console-table **********/
table.console-table {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	background-color: #ffffff;
}

table.console-table th {
	background-color: transparent;
	border-top: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding: 10px;
	height: 51px;
	color: inherit;
	text-align: left;
	vertical-align: middle !important;
}

table.console-table td {
	border-top: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding: 10px;
	height: 51px;
	vertical-align: middle !important;
}

table.console-table td:first-child:before {
	display: block;
	float: left;
	height: 14px;
	content: '';
}

table.console-table thead th,
table.console-table thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.console-table tbody tr:first-of-type th,
table.console-table tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.console-table tbody tr:last-of-type th,
table.console-table tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table th.bg-white {
	background-color: #ffffff;
	color: inherit;
}
table > tbody > tr > th.bg-pblue {
	background-color: #e3f2fd;
	color: inherit;
}

table.console-table td.bdrt0 {
	border-top: 0 !important;
}
table.console-table td.bdrr0 {
	border-right: 0 !important;
}
table.console-table td.pdd0 {
	padding: 0;
}

table.console-table td a {
	text-decoration: underline;
}
table.console-table td a.full {
	color: #d50000;
}
table.console-table td.time {
	vertical-align: middle !important;
	font-weight: bold;
}
table.console-table td.menkan {
	vertical-align: middle;
}
table.console-table td.menkan.align-top {
	vertical-align: top !important;
}
table.console-table td.menkan div {
	padding: 2px 0;
	font-size: calc(var(--default-font-size) * 0.846154);
}
table.console-table td.menkan div.room {
	background-color: #e3f2fd;
	text-align: center;
}
table.console-table td.oubosha {
	height: 50px;
}
table.console-table td.oubosha.closed {
	background-color: #cacbca;
}
table.console-table td.oubosha div {
	background-color: #e3f2fd;
	padding: 3px;
	border-radius: 5px;
}
table.console-table td.miwariate {
	vertical-align: middle !important;
}

table.console-table td.cancel {
	vertical-align: middle !important;
}
table.console-table td.miwariate > div {
	background-color: #fff;
	padding: 3px;
	border: solid 1px #d3d3d3;
	border-radius: 5px;
}
table.console-table td.miwariate input {
	margin-right: 5px;
}

table.console-table td.miwariate > div.absence {
	background-color: #eeeeee;
}

table.console-table td.miwariate ul li > div.absence {
	background-color: #eeeeee;
}

table.console-table td.miwariate ul li > div {
	background-color: #fff;
	padding: 3px;
	border: solid 1px #d3d3d3;
	border-radius: 5px;
}

table.console-table td ul li.active div {
	background-color: #fce0f8;
}

table.console-table td.cancel div {
	background-color: #fce0f8;
	padding: 3px;
	border: solid 1px #00a65a;
	border-radius: 5px;
}

table.console-table td div:before,
table.console-table td div:after {
	content: '';
	display: table;
}
table.console-table td div:after {
	clear: both;
}
table.console-table td div {
	zoom: 1;
}

table.console-table.th-vt th {
	vertical-align: top !important;
	text-align: left;
}

table.time-table tbody td.time,
table.time-table tbody td.miwariate {
	border-top-color: #d3d3d3;
	border-bottom-color: #d3d3d3;
}
table.time-table tbody td.time ~ td {
	border-top-color: #d3d3d3;
}

.updatemsg {
	display: none;
	color: #d50000;
	width: 240px !important;
}
.exCalServiceErrMsg {
	display: none;
	color: #d50000;
	width: 260px !important;
}

/********** table.console-table2 **********/
table.console-table2 {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	background-color: #ffffff;
}
table.console-table2 th {
	padding: 10px !important;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: inherit;
	vertical-align: middle !important;
}
table.console-table2 td {
	padding: 10px !important;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	vertical-align: middle !important;
}
table.console-table2 td:first-child:before {
	display: block;
	float: left;
	height: 14px;
	content: '';
}

table.console-table2 thead th,
table.console-table2 thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.console-table2 tbody tr:first-of-type th,
table.console-table2 tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.console-table2 tbody tr:last-of-type th,
table.console-table2 tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

.table.width_auto {
	width: auto;
}

table.width_auto > tbody > tr:hover,
table.width_auto > tbody > tr:active,
table.width_auto > tbody > tr:focus {
	background-color: #fff;
}

table.width_auto > tbody > tr.tr-hover {
	background-color: #fff;
}

.td_ex2 {
	background-color: #e3f2fd;
}

.th2 {
	background-color: #d3f0ff;
	color: black;
}

/********** table.setting-table **********/
table.setting-table {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
}

table.setting-table th {
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	background-color: transparent;
	text-align: left;
	vertical-align: middle !important;
	color: inherit;
}

table.setting-table tbody th {
	width: 200px;
}

table.setting-table td {
	border-top: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	vertical-align: middle !important;
	background-color: transparent;
}

table.setting-table thead th,
table.setting-table thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.setting-table tbody tr:first-of-type th,
table.setting-table tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.setting-table tbody tr:last-of-type th,
table.setting-table tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table.setting-table > tbody > tr:hover,
table.setting-table > tbody > tr:active,
table.setting-table > tbody > tr:focus {
	background-color: #fff;
}

/********** table.console-table-v **********/
/*コンソールテーブル縦*/
table.console-table-v {
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	background-color: #ffffff;
}
table.console-table-v th {
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding: 10px !important;
	height: 51px;
	color: inherit;
	text-align: left;
	vertical-align: middle !important;
}

table.console-table-v td {
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding: 10px !important;
	height: 51px;
	vertical-align: middle !important;
}

table.console-table-v thead th,
table.console-table-v thead td {
	border-color: #d3d3d3;
	color: #616161;
	font-weight: bold;
}

table.console-table-v tbody tr:first-of-type th,
table.console-table-v tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.console-table-v tbody tr:last-of-type th,
table.console-table-v tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table.console-table-v > tbody > tr:hover,
table.console-table-v > tbody > tr:active,
table.console-table-v > tbody > tr:focus {
	background-color: #fff;
}

table.console-table-v > tbody > tr.tr-hover {
	background-color: #fff;
}

/*コンソールテーブル縦*/

/********** .table-striped **********/
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: transparent;
}

/********** .cls_tbl **********/
table.cls_tbl {
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	width: 100%;
}

table.cls_tbl > thead > tr > th,
table.cls_tbl > thead > tr > td {
	padding: 10px;
	border-top: solid 1px #d3d3d3;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: #616161;
	font-size: inherit;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

table.cls_tbl > tbody > tr > th,
table.cls_tbl > tbody > tr > td,
table.cls_tbl > tfoot > tr > th,
table.cls_tbl > tfoot > tr > td {
	padding: 10px;
	border-top: solid 1px #efefef;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	height: 51px;
	color: inherit;
	font-size: inherit;
	text-align: left;
	vertical-align: middle;
}

table.cls_tbl > tbody > tr:first-of-type > th,
table.cls_tbl > tbody > tr:first-of-type > td {
	border-top-color: #d3d3d3;
}

table.cls_tbl th {
	width: 120px;
}

table.cls_tbl th.thw01 {
	width: 45px;
}
table.cls_tbl th.thw02 {
	width: 45px;
}
table.cls_tbl th.thw03 {
	width: 120px;
	white-space: nowrap;
}
table.cls_tbl th.thw04 {
	width: 100px;
	white-space: nowrap;
}
table.cls_tbl th.thw05 {
	width: 100px;
	white-space: nowrap;
}
table.cls_tbl th.thw07 {
	width: 60px;
}
table.cls_tbl th.thw08 {
	width: 60px;
}

table .cls_tbl_caption {
	color: inherit;
}

/********** リクルーターメッセージ **********/
table.rec-table {
	border-collapse: collapse;
	border: solid 1px #d3d3d3;
	border-left: 0;
	border-right: 0;
	background-color: #fff;
}
table.rec-table th {
	background-color: transparent;
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	padding: 10px;
	height: 51px;
	color: inherit;
	text-align: left;
	vertical-align: middle;
}

table.rec-table td {
	border: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	height: 51px;
	padding: 10px;
	vertical-align: middle;
}

table.rec-table > thead > tr > th,
table.rec-table > thead > tr > td {
	border-color: #d3d3d3;
	border-width: 1px;
	color: #616161;
	font-weight: bold;
}

table.rec-table tbody tr:first-of-type th,
table.rec-table tbody tr:first-of-type td {
	border-top-color: #d3d3d3;
}

table.rec-table tbody tr:last-of-type th,
table.rec-table tbody tr:last-of-type td {
	border-bottom-color: #d3d3d3;
}

table.rec-table.valt th,
table.rec-table.valt td {
	vertical-align: top;
}

.rec-table button {
	margin: 2px;
}
.rec-table .photo {
	width: 80px;
	height: 108px;
	object-fit: cover;
}

thead .rec-table-th-a {
	font-weight: bold;
}

.rec-table-th-a {
	color: #616161;
	text-align: left;
	position: relative;
}

.rec-table-th-a:hover {
	text-decoration: underline;
}

.rec-table-th-a.asc,
.rec-table-th-a.dsc {
	color: #006399;
}

.rec-table-th-a.asc::after {
	content: '\e5c7'; /*'↓';*/
	font-family: 'Material Icons';
	font-weight: bold;
}

.rec-table-th-a.dsc::after {
	content: '\e5c5'; /*'↑';*/
	font-family: 'Material Icons';
	font-weight: bold;
}

#checkAllCheckbox .material-symbols-outlined,
#chkall .material-symbols-outlined {
	color: #0075ff;
	font-size: 18px;
	font-family: 'Material Icons';
	margin: 0 0 0 4px;
}

.sort-header {
	cursor: pointer;
}

.abs-flag {
	padding-left: 10px;
	color: #d50000;
}

.bg-pale-blue {
	background-color: #d9edf7;
}
.bg-pale-red {
	background-color: #fae5d7;
}
.bg-pale-green {
	background-color: #e1efd9;
}
.bg-pale-grey {
	background-color: #cacbca;
}

td.btn_td,
table.mail-temp td.btn_td {
	padding-left: 0;
}

.rec-table-inner-list {
	width: 100%;
	height: 250px;
	overflow-y: scroll;
}

.rec-table-inner-detail {
	width: 100%;
	height: 400px;
	overflow-y: scroll;
}

.rec-info-a:hover {
	color: #006399;
}

/********** vertical-align: middle **********/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	vertical-align: middle;
}

/********** table-mail **********/
table.table-mail {
	border: 0;
}

.table-mail > thead > tr > th,
.table-mail > tbody > tr > th,
.table-mail > tfoot > tr > th {
	padding-top: 0;
	padding-bottom: 25px;
	border: 0;
	font-weight: bold;
	vertical-align: middle;
}

.table-mail > thead > tr > td,
.table-mail > tbody > tr > td,
.table-mail > tfoot > tr > td {
	padding-top: 0;
	padding-bottom: 25px;
	border: 0;
	vertical-align: middle;
}

.table-mail > tbody > tr > th.pddb0,
.table-mail > tbody > tr > td.pddb0 {
	padding-bottom: 0 !important;
}

table.table-mail > tbody > tr:hover,
table.table-mail > tbody > tr:active,
table.table-mail > tbody > tr:focus {
	background-color: #fff;
}

table.table-mail > tbody > tr.tr-hover {
	background-color: #fff;
}

.table-mail .hosoku {
	font-size: calc(var(--default-font-size) * 0.846154);
}

/********** table-mail2 **********/
table.table-mail2 {
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.table-mail2 > thead > tr > th,
.table-mail2 > tbody > tr > th,
.table-mail2 > tfoot > tr > th {
	padding-top: 12.5px;
	padding-bottom: 12.5px;
	border: 0;
	font-weight: bold;
	vertical-align: middle;
	background-color: transparent;
}

.table-mail2 > thead > tr > td,
.table-mail2 > tbody > tr > td,
.table-mail2 > tfoot > tr > td {
	padding-top: 12.5px;
	padding-bottom: 12.5px;
	border: 0;
	vertical-align: middle;
	background-color: transparent;
}

.table-mail2 > tbody > tr > th.pddb0,
.table-mail2 > tbody > tr > td.pddb0 {
	padding-bottom: 0 !important;
}

table.table-mail2 > tbody > tr:hover,
table.table-mail2 > tbody > tr:active,
table.table-mail2 > tbody > tr:focus {
	background-color: transparent;
}

table.table-mail2 > tbody > tr.tr-hover {
	background-color: #fff;
}

.table-mail2 .hosoku {
	font-size: calc(var(--default-font-size) * 0.846154);
}

.table-mail-valt > thead > tr > th,
.table-mail-valt > tbody > tr > th,
.table-mail-valt > tfoot > tr > th,
.table-mail-valt > thead > tr > td,
.table-mail-valt > tbody > tr > td,
.table-mail-valt > tfoot > tr > td {
	vertical-align: top;
}

/********** 行にカーソルが乗った時に色を変える **********/
table > tbody > tr {
	background-color: transparent;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

table > tbody > tr:hover,
table > tbody > tr:active,
table > tbody > tr:focus {
	background-color: #f3f3f3;
}

table > tbody > tr.tr-hover {
	background-color: #f3f3f3;
}

/********** 行にカーソルが乗った時に色を変えない **********/
table.table-static > tbody > tr:hover,
table.table-static > tbody > tr:active,
table.table-static > tbody > tr:focus {
	background-color: transparent;
}

table.table-static > tbody > tr.tr-hover {
	background-color: transparent;
}

.datepicker table > tbody > tr:hover {
	background-color: transparent;
}

/********** table-layout:fixed **********/
table.tbl-fixed {
	table-layout: fixed;
}

/********** リクルーター向け画面 **********/
.info-mgnl {
	margin-left: 17.5px;
}

.newflag {
	color: #d50000;
	font-size: 13px;
}

.name-l {
	font-size: 110%;
}

.name-s {
	font-size: 11px;
}

/********** .set-list **********/
.box_mgnt {
	margin-top: 20px;
}

.set-list {
	margin: 0;
}

.set-list h5 {
	font-size: calc(var(--default-font-size) * 1.08333);
	font-weight: bold;
	margin: 0 0 5px;
}
.set-list .h5-sub {
	font-weight: bold;
	padding: 0 15px;
}
.set-list > li {
	margin-bottom: 25px;
	padding: 0;
	display: table;
	width: 100%;
	clear: both;
}

.set-list > li:last-of-type {
	margin-bottom: 0;
}

.set-list input {
	display: inline-block;
	/*margin-bottom:2px;*/
}
.set-list input[type='file'] {
	display: inline-block;
}

.set-list.horizon > li {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.set-list.horizon h5 {
	display: table-cell;
	width: 20em;
	vertical-align: top;
}
.set-list.horizon li > .set-list-cell {
	display: table-cell;
	vertical-align: middle;
}
.set-list.horizon.narrow h5 {
	float: left;
	clear: left;
	width: 4em;
	margin: 0;
}
.set-list.horizon.narrow li > div {
	margin-left: 4em;
}
.set-list li p.hosoku {
	padding: 5px 0 0 5px;
	margin-bottom: 0;
	font-size: calc(var(--default-font-size) * 0.923077);
	clear: both;
}
.set-list li label:not(.toggle-on, .toggle-off) {
	font-weight: normal;
	margin-right: 30px;
}
.set-list li label input {
	/*margin-right:5px;*/
}
.set-list li button {
	width: auto;
}
.set-list li table button {
	width: auto;
}
.set-list .btn-list {
	margin: 0;
}
.set-list .check-area {
	/*float:left;
	clear:left;*/
	display: table-cell;
	width: 30px;
	line-height: 1.1;
	vertical-align: top;
}

.set-list .check-area h5 {
	margin: 0;
	line-height: 1.5;
}

.set-list .set-area {
	/*margin-left:30px;*/
	display: table-cell;
	vertical-align: top;
}
.set-list .filename {
	font-weight: bold;
	margin-left: 5px;
}
.from,
.to {
	float: left;
}
.from span,
.to span {
	font-weight: bold;
}
.cont-img {
	float: left;
	margin-right: -190px;
	padding-right: 190px;
	width: 100%;
}
.hissu {
	color: #d50000;
	font-size: calc(var(--default-font-size) * 0.8);
	font-weight: bold;
}

h4.acrd {
	position: relative;
}
h4.acrd:before {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	content: '\e145';
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-size: inherit;
	cursor: pointer;
}
h4.acrd.opened:before {
	content: '\e15b';
}
.event-name {
	margin-bottom: 30px;
	font-size: calc(var(--default-font-size) * 1.25);
}
.active {
	color: #333333;
}
.staging {
	color: #d50000;
}
.sleep,
.sleep td {
	color: #888888;
}

.kakunin {
	margin: 20px;
}
.kakunin dt {
	float: left;
	clear: left;
	width: 8em;
	font-weight: bold;
	font-size: calc(var(--default-font-size) * 0.923076);
}
.kakunin dt.top,
.kakunin dd.top {
	margin-bottom: 15px;
}
.kakunin dd {
	margin-left: 8em;
	padding-bottom: 5px;
	color: #d50000;
	font-size: calc(var(--default-font-size) * 0.923076);
	word-break: break-all;
}
.kakunin dd span {
	color: #333;
}
.kakunin.kanryo dd {
	color: #333;
	word-break: break-all;
}
.kakunin dd .item_html {
	word-wrap: break-all;
	overflow-wrap: break-all;
}

ul.kakunin {
	display: table;
	width: 100%;
}

ul.kakunin li {
	display: table-row;
}

ul.kakunin li .th {
	display: table-cell;
	font-weight: bold;
	font-size: calc(var(--default-font-size) * 0.923076);
	vertical-align: top;
}

ul.kakunin li .th.w6em {
	width: 6em;
}

ul.kakunin li .th.w4em {
	width: 4em;
}

ul.kakunin li .td {
	padding-bottom: 5px;
	display: table-cell;
	color: #d50000;
	font-size: calc(var(--default-font-size) * 0.923076);
	word-break: break-all;
	vertical-align: top;
}

.box-body {
	word-wrap: break-word;
}

.mysearch {
	margin: 0 auto;
	font-size: calc(var(--default-font-size) * 1.16667);
}

.mysearch .dropdown-submenu > .dropdown-menu {
	left: 100%;
	right: auto;
}

.condition-area {
	height: 105px;
	overflow: auto;
}
.log-area {
	padding: 10px 0;
}
.log-area.under {
	border-top: none;
}
.log-area-head {
	line-height: 1;
	padding: 10px;
}
.send {
	border: 1px solid #006cd8;
	color: #006cd8;
	padding: 2px 5px;
}
.receive {
	border: 1px solid #d50000;
	color: #d50000;
	padding: 2px 5px;
}

.attach_span {
	padding: 0 20px;
	display: inline-block;
	vertical-align: middle;
}

/******************************************************************
 sortable
*******************************************************************/
.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	min-height: 60px;
}
.sortable li {
	font-size: inherit;
	font-weight: bold;
	width: 100%;
	cursor: pointer;
}
.ui-state-highlight {
	height: 60px;
	margin: 5px 0;
	background: #d3d3d3;
	border: 0;
}
.ui-datepicker .ui-state-highlight {
	margin: 0;
	height: auto;
}
.ui-sortable-handle {
	cursor: grab;
}

.ui-sortable-handle.ui-sortable-helper,
table.sortable .ui-sortable tr.ui-sortable-handle.ui-sortable-helper,
table.sortable .ui-sortable tr.ui-sortable-handle.ui-sortable-helper td,
table.sortable .ui-sortable tr.ui-sortable-handle.ui-sortable-helper td span,
table.sortable .ui-sortable tr.ui-sortable-handle.ui-sortable-helper td input {
	cursor: grabbing !important;
}

.cancel .sortable li {
	height: 100%;
}

.error-area {
	padding: 10px;
	display: none;
	border: 1px solid #f1a899;
	background: #fddfdf;
}
.error-area div {
	background-color: #ffffff;
	padding: 3px;
	border: solid 1px #00a65a;
	border-radius: 5px;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image: none;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp {
	border-bottom: 1px solid #d3d3d3;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
	border-bottom: 1px solid #d3d3d3;
}

.sorter_text {
	cursor: pointer;
}

.sorter_text:hover {
	text-decoration: underline;
}

.sortable a.sort-link {
	color: #616161;
	font-weight: bold;
}
.sortable a.sort-link:hover {
	cursor: pointer;
	color: #616161;
	text-decoration: underline;
	text-decoration-color: #333333;
}
.sortable a.sort-link.asc,
.sortable a.sort-link.desc {
	color: #616161;
}
.sortable a.sort-link.asc:hover,
.sortable a.sort-link.desc:hover {
	color: #006399;
	text-decoration: underline;
	text-decoration-color: #006399;
}
.sortable a.sort-link.asc::after {
	content: '\e5c7'; /*'↓';*/
	font-family: 'Material Icons';
	font-weight: bold;
}
.sortable a.sort-link.desc::after {
	content: '\e5c5'; /*'↑';*/
	font-family: 'Material Icons';
	font-weight: bold;
}

/******************************************************************
 gakusei_list
*******************************************************************/
.pagination .material-symbols-outlined,
.gakusei_list .material-symbols-outlined {
	font-size: calc(var(--default-font-size) * 1.84615);
}

.gakusei_list .header-btn {
	margin-right: 10px;
}

.gakusei_list .search-condition {
	float: none;
	margin: 10px 0;
	width: 100%;
}

.gakusei_list .search-condition-header {
	display: flex;
	justify-content: space-between;
}

.gakusei_list .search-condition-header h4 {
	background-color: unset;
}

.action-btn-area {
	display: flex;
}

.action-btn-area .btn-list {
	width: 70vw;
}

.action-btn-area .btn-list ul {
	margin: auto;
}

.action-btn-area .search-area {
	width: 30vw;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 15px;
}

.search-area-right {
	margin: 0 0 15px auto;
}

.search-area .countinfo {
	margin: auto 0;
	vertical-align: middle;
}

.search-area .pagination {
	margin: auto 10px;
}

.search-area .pagination a {
	padding: 5px;
	border: unset;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 1;
	vertical-align: middle;
	background-color: unset;
}

.search-area .pagination a:hover,
.search-area .pagination a:focus,
.search-area .pagination a:active {
	background-color: #efefef;
	border-radius: 50%;
	color: #333333;
}

.paginate_button.disabled,
.paginate_button_prev_disabled,
.paginate_button_next_disabled {
	pointer-events: none;
}

.search-area .btn-group {
	margin: auto 0;
}

.search-area .btn-group a {
	color: #333333;
	cursor: pointer;
}

.search-area .viewcount-select-toggle {
	margin: auto 0;
	padding: 2.5px 5px;
	display: block;
	color: inherit;
	font-size: 2.4rem;
	line-height: 1;
	border-radius: 50%;
}

.search-area .viewcount-select-toggle:hover {
	background-color: #efefef;
	border-radius: 50%;
}

.search-area .viewcount-select-toggle .material-symbols-outlined {
	font-size: 2.4rem;
	vertical-align: text-bottom;
}

.search-area .viewcount-select .viewcount-option a {
	text-indent: 1em;
}

.search-area .viewcount-select .viewcount-option a.active {
	text-indent: unset;
}

.search-area .viewcount-select .viewcount-option a.active::before {
	font-family: 'Material Icons';
	content: '\e876';
	vertical-align: middle;
}

.gakusei_list #dynamic-table {
	font-size: inherit;
}

.gakusei_list #dynamic-table thead th a {
	transition-duration: 0s;
	color: inherit;
	text-decoration: none;
}

.gakusei_list #dynamic-table thead th a:hover {
	text-decoration: underline;
}

.gakusei_list #dynamic-table thead th a.sort:has(.material-symbols-outlined) {
	color: #006399;
	text-decoration: none;
}

.gakusei_list #dynamic-table thead th a.sort:has(.material-symbols-outlined):hover {
	color: #006399;
	text-decoration: underline;
}

.gakusei_list #dynamic-table thead th a.sort .material-symbols-outlined {
	font-size: 25px;
}

.gakusei_list #dynamic-table thead th a.update {
	color: #006399;
	text-decoration: none;
}

.gakusei_list #dynamic-table thead th a.update:hover {
	color: #616161;
	text-decoration: none;
}

.gakusei_list #dynamic-table thead th div.no_decoration {
	width: 50px;
}

.gakusei_list #dynamic-table thead th div.no_decoration a {
	text-decoration: none;
}

.gakusei_list #dynamic-table .update {
	width: none;
	display: inline;
}

.list_photo {
	padding: 0 !important;
	text-align: center;
}
.list_photo img {
	margin: 4px 0 !important;
	max-height: 30px;
}

.gakusei_list .list-area {
	margin-bottom: 0;
}

.gakusei_list .scroll-div {
	height: auto;
}

.gakusei_list #dynamic-table {
	border-spacing: 0;
}
.gakusei_list #dynamic-table th,
.gakusei_list #dynamic-table td {
	position: relative;
	background-color: #fff;
}

.gakusei_list #check-menu {
	position: absolute;
	top: 0;
	left: 0;
}

/******************************************************************
 gakusei_profile
*******************************************************************/
.profile-header {
	border-bottom: 1px solid #ddd;
	display: table;
	width: 100%;
	height: 80px;
	z-index: 1000;
	background-color: #f7f8fc;
	padding: 10px 15px;
	width: 100%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.profile-header h2 {
	padding: 0 0 0 10px;
	margin: 0;
	border-left: 3px solid #006399;
	font-size: 2rem;
	font-weight: bold;
}

.profile-header .profile-header-btns {
	margin: auto 0 auto auto;
}

.profile-header .profile-header-btns .material-symbols-outlined.clickable-icon {
	font-size: 2.4rem;
	font-weight: 300;
}

.profile-main {
	padding: 0;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: content-box;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-ms-flex-flow: row nowrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.profile-main .sidemenu-1 {
	padding: 10px 5px;
	width: 100px;
	z-index: 1000;
	background-color: #ffffff;
	overflow-x: hidden;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.profile-main .sidemenu-1 .menu-item {
	padding: 0 0 20px;
	font-size: calc(var(--default-font-size) * 0.84615);
	text-align: center;
}

.profile-main .sidemenu-1 .menu-item.active,
.profile-main .sidemenu-1 .menu-item.active .clickable-icon {
	font-weight: 700;
}

.profile-main .sidemenu-1 .icon-big.material-symbols-outlined {
	font-size: 30px;
}

.profile-main .sidemenu-1 .icon-big:hover {
	background-color: #f3f3f3;
	border-radius: 9999px;
	padding: 0 10px;
}

.profile-main .sidemenu-1 .menu-item.active .icon-big {
	font-weight: 500;
	background-color: #e3f2fd;
	border-radius: 9999px;
	padding: 0 10px;
}

.profile-main .sidemenu-1 .menu-item.active .icon-big:hover {
	background-color: #e3f2fd;
}

.profile-main .sidemenu-2 {
	padding: 10px 5px;
	display: none;
	width: 300px;
	max-height: 100%;
	position: relative;
	z-index: 1000;
	background-color: #ffffff;
	overflow-y: scroll;
	overflow-x: hidden;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.profile-main .sidemenu-2 .submenu {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.profile-main .sidemenu-2 .submenu .active_menu_name {
	margin: 10px 0;
	padding: 0 15px;
}

.profile-main .sidemenu-2 .submenu-body {
	padding: 5px 0;
}

.profile-main .sidemenu-2 .submenu-list li {
	margin: 12px 0;
}

.profile-main .sidemenu-2 .submenu-list > li.cv-list-item > a {
	display: block;
	padding: 6px 15px;
	position: relative;
}

.profile-main .sidemenu-2 .submenu-list li a:hover {
	background-color: #f3f3f3;
	border-radius: 9999px;
}

.profile-main .sidemenu-2 .submenu-list.static .material-symbols-outlined {
	margin-right: 5px;
}

.profile-main .sidemenu-2 .submenu-list a {
	display: block;
	padding: 6px 15px;
	position: relative;
	color: inherit;
}

.profile-main .sidemenu-2 .cv-list-item a,
.profile-main .sidemenu-2 .cv-list-item a:hover {
	text-decoration: none;
}

.profile-main .sidemenu-2 .cv-list-item a.category-nm[aria-expanded='false']::after {
	font-family: 'Material Icons';
	content: '\e5cf';
	position: absolute;
	right: 10px;
}

.profile-main .sidemenu-2 .cv-list-item a.category-nm[aria-expanded='true']::after {
	font-family: 'Material Icons';
	content: '\e5ce';
	position: absolute;
	right: 10px;
}

.profile-main .sidemenu-2 li.cv-list-sub-item > a {
	margin: 0 15px;
	padding: 6px 15px;
	display: block;
	position: relative;
}

.profile-main .sidemenu-2 li.cv-list-sub-item a.changeview.active {
	font-weight: bold;
	background-color: #e3f2fd;
	border-radius: 9999px;
}

.profile-main .main-area {
	padding: 10px 15px 50px;
	width: 100%;
	position: relative;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.clickable-icon {
	margin: 5px 10px;
	cursor: pointer;
}

.sidemenu-1 .menu-item .clickable-icon {
	margin: 5px 0;
	display: inline-block;
	color: inherit;
	text-align: center;
}

.d-flex {
	display: flex;
	align-items: center;
}
.flex-item.right {
	margin-left: auto;
	text-align: right;
}

.btn-group a.change-user {
	color: inherit;
	text-decoration: none;
}

.btn-group a.change-user.disabled {
	pointer-events: none;
}

.profile-main .base-info-area {
	width: 85%;
	max-width: 800px;
	padding: 5px;
	padding-left: 30px;
}

.profile-main .base-info-area hr {
	border-top: 1px solid #f0f0f0;
	margin: 20px 0;
}

.profile-main .base-info-area .name-info span.name {
	font-size: 1.5rem;
	font-weight: bold;
}

.profile-main .base-info-area .base-info {
	display: flex;
}

.profile-main .base-info-area .base-info-item {
	width: 50%;
	display: flex;
	flex-flow: row wrap;
}

.profile-main .base-info-area .base-info-item-label {
	width: 30%;
	font-size: 1.1em;
}

.profile-main .base-info-area .base-info-item-label-text {
	vertical-align: middle;
}

.profile-main .base-info-area .base-info-item-value {
	width: 70%;
}

.tab-pane-header {
	padding: 0 0 10px;
}

.tab-pane-header h4 {
	margin: 0;
	padding: 0;
}

.tab-pane-header-text {
	vertical-align: middle;
}

#mail-log .tab-pane-header,
#contact-log .tab-pane-header {
	border-bottom: 0;
}

.log-area-head-text {
	vertical-align: middle;
}

.profile-body .material-symbols-outlined {
	font-size: calc(var(--default-font-size) * 1.84615);
}

.conditionview-name {
	vertical-align: middle;
}

.profile-body .e2r-form input[type='text'] {
	width: auto;
}

.profile-body .e2r-form tr:hover {
	background-color: unset;
}

.profile-body .e2r-form th {
	width: 250px;
}

.profile-body .tab-pane .block-title {
	text-align: left;
	font-size: 1.1em;
	border-style: hidden;
	border-bottom: 1px solid #d3d3d3;
}

.profile-body .tab-pane tr:has(td.null):hover {
	background-color: #fff;
}

.profile-body .tab-pane td.null:hover {
	background-color: #fff;
}

.profile-body #contact-log div.status {
	padding: 0 5px;
	border-radius: 50px;
	font-size: calc(var(--default-font-size) * 0.846154);
	text-align: center;
	width: 6em;
	display: inline-block;
}

.profile-body #contact-log div.status-alert {
	color: #d50000;
	background-color: #ffebee;
}

.profile-body #contact-log div.status-info {
	color: #006399;
	background-color: #e3f2fd;
}

.profile-body #contact-log div.status-default {
	color: #333333;
	background-color: #efefef;
}

.profile-body #follow-log table > tbody > tr:hover,
.profile-body #follow-log table > tbody > tr:active,
table.table-blue > tbody > tr:focus {
	background-color: #fff;
}

.profile-body #follow-log .log-area.under table.rec-table {
	border: solid 1px #d3d3d3;
}

.rc-msg-icon {
	margin: 5px;
	padding: 0 5px;
	border-radius: 9999px;
	font-size: calc(var(--default-font-size) * 0.846154);
	text-align: center;
	width: 6em;
	display: inline-block;
}

.rc-msg-icon.icon-send {
	border: 1px solid #d3d3d3;
	color: #000;
	background-color: #fff;
}

.rc-msg-icon.icon-receive {
	border: 1px solid #d3d3d3;
	color: #000;
	background-color: #fff;
}

.rc-msg-icon.icon-checked {
	background-color: #efefef;
	color: #333333;
}

.rc-msg-icon.icon-uncheck {
	background-color: #ffebee;
	color: #d50000;
}

span.icon-reply::before {
	font-family: 'Material Icons';
	content: '\e15e';
}

.deliver_btn .btn {
	display: none;
}
#message-log {
	margin-top: 30px;
}
.msg_viewcount_select {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
}

.msg_viewcount_select option {
	padding: 3px 20px;
	display: block;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
	text-indent: 1em;
}

.msg_viewcount_select option:active {
	text-indent: unset;
}

.search-area .msg_viewcount_select option:active::before {
	font-family: 'Material Icons';
	content: '\e876';
	vertical-align: middle;
}

#id_tbl_msg_list thead {
	display: block;
	width: 100%;
	overflow-y: scroll;
}

#id_tbl_msg_list thead > tr {
	border-bottom: 1px solid #d3d3d3;
	display: table;
	width: 100%;
	table-layout: fixed;
}

#id_tbl_msg_list tbody {
	display: block;
	width: 100%;
	height: 256px;
	overflow-y: scroll;
}

#id_tbl_msg_list tbody > tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#id_tbl_msg_list tbody > tr:first-of-type > td {
	border-top: 0;
}

#id_tbl_msg_list thead > tr > th:nth-of-type(1),
#id_tbl_msg_list tbody > tr > td:nth-of-type(1) {
	width: 100px;
}

#id_tbl_msg_list thead > tr > th:nth-of-type(2),
#id_tbl_msg_list tbody > tr > td:nth-of-type(2) {
	width: 50px;
}

#id_tbl_msg_list thead > tr > th:nth-of-type(3),
#id_tbl_msg_list tbody > tr > td:nth-of-type(3) {
	width: 150px;
}

#id_tbl_msg_list thead > tr > th:nth-of-type(4),
#id_tbl_msg_list tbody > tr > td:nth-of-type(4) {
	width: 150px;
}

#id_tbl_msg_list thead > tr > th:nth-of-type(5),
#id_tbl_msg_list tbody > tr > td:nth-of-type(5) {
	width: 150px;
}

#id_tbl_msg_list thead > tr > th:nth-of-type(6),
#id_tbl_msg_list tbody > tr > td:nth-of-type(6) {
	width: calc(100% - 800px);
}

#id_tbl_msg_list thead > tr > th:nth-of-type(7),
#id_tbl_msg_list tbody > tr > td:nth-of-type(7) {
	width: 100px;
}

#id_tbl_msg_list thead > tr > th:nth-of-type(8),
#id_tbl_msg_list tbody > tr > td:nth-of-type(8) {
	width: 100px;
}

#id_tbl_msg_list > tbody > tr:hover td:nth-of-type(6) {
	text-decoration: underline;
}

.msg_detail_attach {
	padding: 0px 7px;
}

.msg_detail_std_nm {
	padding-left: 10px;
}

.msg_detail_kdk_btn {
	padding-left: 30px;
}

.msg_detail_action_btn {
	text-align: right;
	border-left: none;
}

.msg_detail_ttl {
	border-right: none;
}

.msg_detail_body_note {
	margin-top: 5px;
	color: inherit;
	font-size: inherit;
	font-weight: normal;
	line-height: inherit%;
}

.msg_detail_cnd {
	padding-left: 15px;
}

/******************************************************************
 rc_faq
*******************************************************************/
.list-bordered-ul {
	margin: 0;
}
.list-bordered-ul-li {
	padding: 20px;
	border-top: 1px solid #d3d3d3;
	font-size: calc(var(--default-font-size) * 0.923077);
}

.list-bordered-ul-li:first-of-type {
	border-top: 0;
}

.list-bordered-ul-li h4 {
	font-size: calc(var(--default-font-size) * 1.076923);
	font-weight: bold;
}

.category-badge {
	padding: 5px 20px;
	border: 1px solid #d3d3d3;
	border-radius: 100px;
	display: block;
	color: inherit;
	font-size: calc(var(--default-font-size) * 0.846154);
	line-height: 1;
	text-align: center;
	background-color: #fff;
}

/******************************************************************
 rc_message_template
*******************************************************************/
.tab-ul {
	margin: 0 0 20px;
	display: table;
}

.tab-ul-li {
	display: table-cell;
	padding: 0;
}

.tab-ul-li-a {
	padding: 10px 20px;
	border-radius: 50px;
	display: block;
	min-width: 100px;
	color: inherit;
	text-align: center;
	text-decoration: none !important;
}

.tab-ul-li-a:focus,
.tab-ul-li-a:hover {
	color: inherit;
	background-color: #efefef;
}

.tab-ul-li-a:active,
.tab-ul-li-a.current {
	color: inherit;
	font-weight: bold;
	background-color: #e3f2fd;
}

/******************************************************************
 modal
*******************************************************************/
.modal-dialog {
	overflow-y: auto;
	width: auto;
	min-width: 575px;
}

.modal-content {
	padding: 0 20px 60px;
}

.modal-header {
	padding: 24px 0;
	border-color: #efefef;
}

.modal-title .material-symbols-outlined {
	font-size: 2.4rem;
	font-weight: 300;
}

.modal-body {
	padding: 25px 0 15px;
}
.modal-body .mysearch {
	padding: 0 15px;
}

.modal-header .modal-title-sub {
	float: right;
	margin-right: 20px;
	font-size: calc(var(--default-font-size) * 1.16667);
	color: #3c8dbc;
}
.modal-header i {
	margin-right: 5px;
}
.bgGry .modal-header {
	position: relative;
}
.modal-before-fotter {
	border-top: solid 1px #f4f4f4;
	padding: 15px;
	color: #333;
	font-size: inherit;
}
.modal-before-fotter:before,
.modal-before-fotter:after {
	content: '';
	display: table;
}
.modal-before-fotter:after {
	clear: both;
}
.modal-before-fotter {
	zoom: 1;
}

.bgGry .modal-header .btmr {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.modal {
	overflow-y: auto;
	max-height: 100%;
}

.modal .kakunin {
	margin: 0 auto;
	padding: 0 15px;
}

.modal-iframe {
	height: calc(100% - 5px);
	overflow: visible;
	width: 450px;
}

.modal-iframe-inner {
	padding: 0 15px 61px;
	position: relative;
	min-height: 100%;
	height: auto;
}

.modal-footer {
	padding: 15px 0;
	border-top: 1px solid #efefef;
	width: calc(100% - 55px);
	position: fixed;
	left: 20px;
	bottom: 0;
	text-align: left;
	background-color: #fff;
}

.modal-footer .btn-list li {
	margin-bottom: 0;
}

.come-from-right-modal .modal-dialog {
	margin: 0 0 0 auto;
	position: fixed;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.come-from-right-modal .modal-content {
	height: 100vh;
	overflow-y: auto;
	border-radius: 0px;
}

.come-from-right-modal.fade .modal-dialog {
	right: -100%;
	-webkit-transition:
		opacity 0.3s linear,
		right 0.3s ease-out;
	-moz-transition:
		opacity 0.3s linear,
		right 0.3s ease-out;
	-o-transition:
		opacity 0.3s linear,
		right 0.3s ease-out;
	transition:
		opacity 0.3s linear,
		right 0.3s ease-out;
}

.come-from-right-modal.fade.in .modal-dialog {
	right: 0;
}

.come-from-right-modal .modal-title {
	padding: 0 10px;
}

.come-from-right-modal .modal-header .close {
	margin-top: 0;
	padding-right: 15px;
}

.come-from-right-modal .modal-title-sub {
	display: none;
}

.come-from-right-modal .msg-area {
	padding: 0 15px;
}

.come-from-right-modal .modal-footer {
	text-align: unset;
}

.modal .form-group dt {
	font-size: calc(var(--default-font-size) * 0.923077);
}

.modal .form-group dt.w4em {
	width: 4em;
}

.modal .form-control {
	font-size: calc(var(--default-font-size) * 0.923077);
}

.modal .select-box h5 {
	font-size: calc(var(--default-font-size) * 0.923077);
}

#save-search .modal-dialog {
	width: 800px;
}

/******************************************************************
 lp
*******************************************************************/
.console-table th.category {
	background-color: #e3f2fd;
}

.pick_color .color {
	display: inline-block;
	margin: 0 5px;
	width: 16px;
	height: 16px;
}

/******************************************************************
 adminLTE
*******************************************************************/
.box {
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	box-shadow: none;
	border-radius: 0;
	background-color: #ffffff;
}

.box.box-primary {
	border-top-color: #aaa;
}
.box-header {
	color: inherit;
}

.box-header.with-border {
	border-bottom: solid 1px #ddd;
}

.lead {
	font-size: calc(var(--default-font-size) * 1.33333);
}

.dropdown-menu-top {
	top: 35px !important;
	left: 120px;
}

.display-dropdown {
	position: relative;
}

.dropdown-menu > li > a {
	color: #333333;
}

.dropdown-menu > li > a:hover {
	background: #e3f2fd;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: auto;
	right: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

.dropdown-submenu > a:after {
	display: block;
	content: ' ';
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #333;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.colorpicker-element {
	display: flex;
	align-items: center;
}

.colorpicker-element .input-group-addon {
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 0;
	display: inline-block;
}

.colorpicker-element .input-group-addon:last-child {
	border: 1px solid #d2d6de;
}

ul.dropdown-menu,
select.dropdown-menu {
	font-size: inherit;
	overflow: visible;
	min-width: 120px;
}

.dropdown-header {
	font-size: calc(var(--default-font-size) * 0.846154);
	text-align: left;
	padding: 5px 20px;
}

/******************************************************************
 bootstrap
*******************************************************************/
.input-group-text {
	height: 34px;
}

.input-group .input-group-text {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/******************************************************************
 form
*******************************************************************/

input[type='text'].month,
input[type='text'].day,
input[type='text'].hour,
input[type='text'].minute {
	margin: 0 5px 0 0;
	display: inline-block;
	width: 5em;
	font-size: inherit;
	text-align: right;
}
input.year {
	margin: 0 5px 0 0;
	display: inline-block;
	width: 60px;
	font-size: inherit;
	text-align: right;
}
input.tel {
	margin: 0;
	display: inline-block;
	width: 70px;
	font-size: inherit;
	text-align: left;
}
select.time {
	margin: 0 5px 0 0;
	display: inline-block;
	width: 70px;
}
input.wide {
	display: inline-block;
	width: 80%;
	font-size: inherit;
	text-align: right;
	margin: 0 5px 0 0;
}
input.order {
	width: 4em;
	font-size: inherit;
	text-align: center;
}

input.w4em {
	display: inline-block;
	width: 4em;
}

.checkbox-inline input[type='checkbox'],
.checkbox-inline input[type='radio'] {
	vertical-align: middle;
}

.form-control-static {
	padding: 3px 10px;
	margin: 0px 10px 0px 0px;
	font-size: inherit;
	border: 1px #cccccc solid !important;
	border-radius: 0;
}

select.form-control {
	padding: 3px 10px;
	display: inline-block;
	/*width: auto;*/
	font-size: inherit;
	vertical-align: middle;
}

select[size].form-control,
select[multiple].form-control {
	padding: 3px 0;
	width: auto;
}

select.form-control.wauto {
	width: auto;
}

select.form-control option {
	padding: 3px 0;
}

select[size].form-control option,
select[multiple].form-control option {
	padding: 3px 10px;
}

select.form-control option:hover {
	background-color: #f3f3f3;
}

select.form-control option:checked,
select.form-control option[selected='selected'] {
	background-color: #e3f2fd;
}

.e2r-form textarea {
	margin: 0 0 5px;
	border-radius: 0;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d6de;
	color: #555;
	display: inline-block;
	font-size: inherit;
	width: 100%;
	line-height: 1.42857;
	padding: 3px 10px;
	transition:
		border-color 0.15s ease-in-out 0s,
		box-shadow 0.15s ease-in-out 0s;
}

.e2r-form textarea.h100 {
	height: 100px;
}

.set-area select,
.e2r-form select {
	margin: 0 0 5px;
	padding: 3px 10px;
	border: 1px solid #d2d6de;
	border-radius: 0;
	display: inline-block;
	height: 34px;
	color: #555;
	font-size: inherit;
	line-height: 1.42857;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
	transition:
		border-color 0.15s ease-in-out 0s,
		box-shadow 0.15s ease-in-out 0s;
}

select {
	height: 34px;
	vertical-align: middle;
}

.set-area select[size].form-control,
.set-area select[multiple].form-control,
.e2r-form select[size].form-control,
.e2r-form select[multiple].form-control {
	padding: 3px 0;
	width: auto;
}

.set-area select option,
.e2r-form select option {
	padding: 3px 10px;
	line-height: 34px;
	vertical-align: middle;
}

.set-area select[size].form-control option,
.set-area select[multiple].form-control option,
.e2r-form select[size].form-control option,
.e2r-form select[multiple].form-control option {
	padding: 3px 10px;
}

.set-area select option:hover,
.set-area select option:focus,
.set-area select option:active,
.set-area select option[selected='selected'],
.e2r-form select option:focus,
.e2r-form select option:active,
.e2r-form select option[selected='selected'] {
	background-color: #e3f2fd;
}

.e2r-form .dropdown-toggle {
	margin: 0 0 5px;
	padding: 3px 20px 3px 10px;
	border: 1px solid #d2d6de;
	border-radius: 0;
	display: inline-block;
	position: relative;
	height: 34px;
	color: #555;
	font-size: inherit;
	line-height: 28px;
	vertical-align: middle;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
	transition:
		border-color 0.15s ease-in-out 0s,
		box-shadow 0.15s ease-in-out 0s;
}

.e2r-form .dropdown-toggle .material-symbols-outlined {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.e2r-form input[type='text'],
.e2r-form input[type='password'],
.e2r-form input[type='tel'],
.e2r-form input[type='email'],
.e2r-form input[type='month'],
.e2r-form input[type='week'],
.e2r-form input[type='date'],
.e2r-form input[type='time'],
.e2r-form input[type='datetime-local'],
.e2r-form input[type='number'],
.e2r-form input[type='url'],
.e2r-form input[type='search'] {
	margin: 0 0 5px;
	border-radius: 0;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d6de;
	color: #555;
	display: inline-block;
	font-size: inherit;
	max-width: 100%;
	height: 34px;
	line-height: 1.42857;
	padding: 3px 10px;
	transition:
		border-color 0.15s ease-in-out 0s,
		box-shadow 0.15s ease-in-out 0s;
}

.e2r-form input[type='password']:last-child,
.e2r-form input[type='text']:last-child,
.e2r-form textarea:last-child,
.e2r-form select:last-child {
	margin-bottom: 0;
}

.e2r-form input[type='file'] {
	margin: 0 0 5px;
	display: inline-block;
}

.e2r-form input[type='text']:read-only,
.e2r-form textarea:read-only {
	background-color: #eee;
	transition:
		border-color 0.15s ease-in-out 0s,
		box-shadow 0.15s ease-in-out 0s;
}

.e2r-form input[type='radio'],
input[type='radio'],
.e2r-form input[type='checkbox'],
input[type='checkbox'] {
	margin: 0 5px 0 0;
	/*margin-left: 6px;
	margin-right: 6px;*/
	vertical-align: middle;
}

.e2r-form input[disabled] {
	background-color: #eee;
}

.e2r-form input[type='text'] + .btn {
	margin-left: 10px;
}

input[type='hidden'] + .btn,
select.form-control + .btn,
.btn + .btn {
	margin-left: 10px;
}

.btn-list input[type='hidden'] + .btn {
	margin-left: 0;
}

.e2r-radio label,
.e2r-checkbox label {
	margin-right: 10px;
}

.from input[type='text'],
.to input[type='text'] {
	display: inline-block;
}

input[type='text'].form-control {
	border-radius: 0;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d6de;
	color: #555;
	display: inline-block;
	font-size: inherit;
	max-width: 100%;
	height: 34px;
	line-height: 1.42857;
	padding: 3px 10px;
	transition:
		border-color 0.15s ease-in-out 0s,
		box-shadow 0.15s ease-in-out 0s;
}

.datetime-wrapper label {
	display: block;
	position: relative;
}

input[type='text'].form-control.datepicker {
	margin-bottom: 0;
}

#evaluation-input .e2r-form select {
	min-width: 110px;
}

/***** e2r *****/
form[name='msgform'] {
	/*padding: 0 0 10px;*/
}

form[name='msgform'] input[type='text'] {
	margin: 0 0 5px;
	background-color: transparent;
	/*border-radius: 0;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d6de;
	color: #555;
	display: inline-block;
	font-size: inherit;
	max-width:100%;
	height: 34px;
	line-height: 1.42857;
	padding:3px 10px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
}

.btm-box input[type='text'] {
	margin: 0 0 5px;
	border-radius: 0;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d6de;
	color: #555;
	display: inline-block;
	font-size: inherit;
	max-width: 100%;
	height: 34px;
	line-height: 1.42857;
	padding: 3px 10px;
	transition:
		border-color 0.15s ease-in-out 0s,
		box-shadow 0.15s ease-in-out 0s;
}

.btm-box select {
	margin: 0 0 5px;
	border-radius: 0;
	box-shadow: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d2d6de;
	color: #555;
	display: inline-block;
	font-size: inherit;
	line-height: 1.42857;
	padding: 3px 10px;
	transition:
		border-color 0.15s ease-in-out 0s,
		box-shadow 0.15s ease-in-out 0s;
}

.btm-box select option {
	padding: 0 10px;
	line-height: 34px;
	vertical-align: middle;
}

.btm-box select option:hover,
.btm-box select option:focus,
.btm-box select option:active,
.btm-box select option[selected='selected'] {
	background-color: #e3f2fd;
}

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
	background: #e7e7e7 none repeat scroll 0 0;
	color: #333;
}

.select-box {
	border: solid 1px #d2d6de;
	/*	min-width: 250px;*/
	background-color: #fff;
	overflow-x: scroll;
}
.select-box h5 {
	margin: 0;
	padding: 5px 10px;
	border-bottom: solid 1px #ccc;
	background-color: #333;
	color: #ffffff;
	font-size: inherit;
}
.select-box select {
	padding: 0;
	border: 0;
	min-width: 100%;
	width: 100%;
}
.select-box option {
	padding: 2px 10px;
}

label {
	display: inline-flex;
	align-items: center;
	font-weight: normal;
	position: relative;
}

/* seelct2 custom */
.select2-container .select2-selection--single {
	height: 34px;
	padding: 4px 10px 4px 0;
	border-radius: 0;
	margin: 0 0 5px;
	border-color: rgb(210, 214, 222);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 34px;
	color: #555;
}
.select2-results__options li {
	min-height: calc(var(--default-font-size) * 1.5 + 12px);
}
.select2-container--default .select2-results__option--selected {
	background-color: #e3f2fd;
	padding: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #555 #555 transparent transparent;
	border-style: solid;
	border-width: 2px 2px 0 0;
	height: 7px;
	left: 50%;
	margin-left: -2px;
	margin-top: -3px;
	position: absolute;
	top: 50%;
	width: 7px;
	transform: rotate(135deg);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 2px 2px 0 0;
	border-color: #555 #555 transparent transparent;
	margin-top: -3px;
	margin-left: -2px;
}
.select2-container--open .select2-dropdown--below {
	border-top: 1px solid rgb(170, 170, 170);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.select2-dropdown {
	top: -5px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #1967d2;
}
.select2-container--default .select2-results__option[aria-selected='true']:hover {
	color: #fff;
}

.form-label {
	display: inline-block;
	padding: 16px 16px 0 0;
}

.form-textbox {
	border: 1px solid #d2d6de;
	border-radius: 8px;
	font-size: calc(var(--default-font-size) * 1.33333);
	margin: 16px 0 0;
	padding: 1em;
	width: 100%;
}

::placeholder {
	color: #a8a8a8;
	font-size: inherit;
}

.form-bg-pink {
	background: #ffebee;
}

.form-number {
	border: 1px solid #d2d6de;
	font-size: calc(var(--default-font-size) * 1.33333);
	padding: 5px;
	width: 6em;
}

.form-mail {
	width: 100%;
}

.form-checkbox {
	appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	display: none;
}

.form-checkbox-span {
	border: 1px solid #d2d6de;
	border-radius: 8px;
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 0.75em;
	position: relative;
	vertical-align: middle;
}

.form-checkbox:checked + .form-checkbox-span {
	background: #006399;
}

.form-checkbox:checked + .form-checkbox-span::after {
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	content: '';
	height: 0.75em;
	left: 0.4em;
	position: absolute;
	top: 0.1em;
	transform: rotate(45deg);
	width: 0.5em;
}

.form-radio {
	appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	display: none;
}

.form-radio-span {
	border: 1px solid #d2d6de;
	border-radius: 50%;
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 0.75em;
	position: relative;
	vertical-align: middle;
}

.form-radio:checked + .form-radio-span::after {
	background: #006399;
	border-radius: 50%;
	content: '';
	height: 1em;
	left: calc(50% - 0.5em);
	position: absolute;
	top: calc(50% - 0.5em);
	width: 1em;
}

.form-select-span {
	border: 1px solid #d2d6de;
	display: inline-block;
	margin: 2px 2px 2px 0;
	max-width: 100%;
	position: relative;
}

.form-select-span::before {
	border-bottom: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid #d2d6de;
	box-sizing: border-box;
	content: '';
	display: block;
	font-size: 0;
	height: 7px;
	line-height: 0;
	pointer-events: none;
	position: absolute;
	right: 8px;
	top: calc(50% - 3px);
	width: 8px;
}

.form-select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	font-size: calc(var(--default-font-size) * 1.33333);
	outline: none;
	padding: 5px 20px 5px 5px;
}

.form-select::-ms-expand {
	display: none;
}

.form-textarea {
	border: 1px solid #d2d6de;
	border-radius: 8px;
	font-size: calc(var(--default-font-size) * 1.33333);
	height: 100px;
	margin: 16px 0 0;
	padding: 1em;
	width: 100%;
}

.form-textarea::placeholder {
	color: #a8a8a8;
}

input[type='text']:focus,
input.form-control:focus,
textarea:focus,
textarea.form-control:focus {
	outline: none;
	box-shadow: none;
	border-color: #d2d6de; /* focus前と同じ色指定。AdminLTE で青枠になるため読み込み順注意 */
}

.required::after {
	background-color: #d50000;
	border-radius: 20px;
	color: #fff;
	content: '必須';
	display: inline-block;
	font-size: calc(var(--default-font-size) * 0.83333);
	line-height: 1;
	margin-left: 10px;
	padding: 2px 6px 4px;
	vertical-align: middle;
}

.note {
	font-size: calc(var(--default-font-size) * 0.867);
	padding-top: 5px;
}

@media only screen and (min-width: 640px) {
	.form-label {
		display: inline-block;
		padding: 24px 32px 0 0;
	}
}

/***** ↓tablet, pc *****/
@media only screen and (min-width: 1070px) {
	.form-label {
		padding: 24px 32px 0 0;
	}

	.form-checkbox-span {
		margin: 0 14px 0 0;
	}

	.form-radio-span {
		margin: 0 14px 0 0;
	}

	.form-textbox {
		margin: 24px 0 0;
	}

	.form-textarea {
		margin: 24px 0 0;
	}

	.required::after {
		font-size: calc(var(--default-font-size) * 1.16667);
		font-weight: 500;
	}
}
/***** ↑tablet, pc *****/

/******************************************************************
 btn
*******************************************************************/
button {
	font-size: var(--button-font-size);
}

.top-btn {
	margin-bottom: 10px;
}
.top-btn ul:before,
.top-btn ul:after {
	content: '';
	display: table;
}
.top-btn ul:after {
	clear: both;
}
.top-btn ul {
	zoom: 1;
}

.top-btn li {
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
}

.top-btn.d-flex ul {
	margin: 0;
}

.top-btn.d-flex li {
	margin: 0 10px 0 0;
}
.top-btn li button {
	display: inline-block;
	padding: 6px 10px;
	font-size: var(--button-font-size);
}

.icn-btn ul {
	margin-bottom: 5px;
}

.icn-btn li button {
	padding: 6px 10px;
}

.btn-list ul,
ul.btn-list {
	margin: 0;
	padding: 0;
}

.btn-list-bottom {
	margin-top: 20px;
}

.btn-list ul:before,
.btn-list ul:after,
ul.btn-list:before,
ul.btn-list:after {
	content: '';
	display: table;
}

.btn-list ul:after,
ul.btn-list:after {
	clear: both;
}

.btn-list ul,
ul.btn-list {
	zoom: 1;
}

.btn-list > ul > li,
ul.btn-list > li {
	float: left;
	margin: 0 10px 15px 0;
	min-width: 100px;
	position: relative;
}

.btn-list > ul > li:last-of-type,
ul.btn-list > li:last-of-type {
	margin-right: 0;
}

.btn-list li.width-auto {
	width: auto;
}
.btn-list li button {
	display: block;
	width: 100%;
}
.btn-list li button i {
	display: inline-block;
	width: 20px;
	position: absolute;
	top: 9px;
	left: 10px;
	color: #ffffff;
}
.btn-list li.w2 {
	width: 300px;
}
.btn-list li label {
	padding: 5px 0 5px 20px;
	font-size: var(--default-font-size);
}

.btn-list .pull-right > li {
	margin: 0 0 10px 10px;
}

.btn-list.small {
	margin: 0;
}
.btn-list.small ul {
	margin: 0;
}
.btn-list.small li button {
	font-size: var(--button-font-size);
}

.btn-area li.right {
	float: right;
}
.btm-btn-right {
	padding-top: 10px;
	float: right;
}
.btm-btn-right .btn-del {
	margin-right: 10px;
	width: auto;
}

.print-btn {
	margin-top: 100px;
	margin-bottom: 30px;
	text-align: center;
}

a.btn {
	display: inline-block;
	text-decoration: none !important;
}

.btn,
.btn2 {
	padding: 5px 12px;
	border: 1px solid #d3d3d3;
	border-radius: 6px;
	min-width: 100px;
	min-height: 31px;
	font-size: var(--button-font-size);
	line-height: 19px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.btn-default {
	color: #333;
	border-color: #d3d3d3;
	background-color: #efefef;
}

.btn-default:focus,
.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:hover,
.btn-default.hover {
	color: #333;
	border-color: #d3d3d3;
	background-color: #efefef;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
}

.btn-primary {
	color: #fff;
	border-color: #006399;
	background-color: #006399;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.btn-primary:focus,
.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:hover,
.btn-primary.hover {
	color: #fff;
	border-color: #006399;
	background-color: #006399;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn-success {
	color: #006399;
	border-color: #006399;
	background-color: #fff;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.btn-success:focus,
.btn-success.active,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:hover,
.btn-success.hover {
	color: #006399;
	border-color: #006399;
	background-color: #fff;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn-info,
.btn2 {
	color: #333;
	border-color: #d3d3d3;
	background-color: #fff;
	box-shadow: 1px 2px 2px rgba(229, 229, 229, 0.7);
}

.btn-info:focus,
.btn-info.active,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info:hover,
.btn-info.hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover,
.btn2:focus,
.btn2.active,
.btn2.active.focus,
.btn2.active:focus,
.btn2.active:hover,
.btn2:active,
.btn2:active.focus,
.btn2:active:focus,
.btn2:active:hover,
.btn2:hover,
.btn2.hover {
	color: #333;
	border-color: #efefef;
	background-color: #fff;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn-warning {
	color: #333;
	border-color: #d3d3d3;
	background-color: #fff;
	box-shadow: 1px 2px 2px rgba(229, 229, 229, 0.7);
}

.btn-warning:focus,
.btn-warning.active,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning:hover,
.btn-warning.hover {
	color: #333;
	border-color: #efefef;
	background-color: #fff;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn-danger {
	color: #d50000;
	border-color: #d3d3d3;
	background-color: #fff;
}

.btn-danger:focus,
.btn-danger.active,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger:hover,
.btn-danger.hover {
	color: #d50000;
	border-color: #d3d3d3;
	background-color: #fff;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
}

.btn i {
	color: inherit !important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	pointer-events: none;
}

.btn-delete {
	color: #d50000;
	font-weight: 500;
}

.btn-delete:hover {
	color: #d50000;
}

.btn.dropdown-toggle {
	/*	padding-right: 22px;*/
	position: relative;
	text-align: left;
}

.btn.dropdown-toggle::after {
	display: inline-block;
	width: 1em;
	content: '\e5c5';
	color: inherit;
	font-family: 'Material Icons';
	/*position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);*/
}

.caret {
	display: none;
}

.open > .btn.btn-info.dropdown-toggle,
.btn.btn-info.dropdown-toggle:focus,
.btn.btn-info.dropdown-toggle:active,
.btn.btn-info.dropdown-toggle:hover,
.btn.btn-info.dropdown-toggle:visited,
.btn.btn-info.dropdown-toggle:link {
	border-color: #d2d6de;
	background-color: #fff !important;
}

.btn-group .btn {
	min-width: 0;
}

.set-list .btn,
table .btn {
	padding: 3px 5px;
	min-width: 60px;
	min-height: 31px;
	line-height: 21px;
	/* 	position: relative; */
}

.set-list .btn.btn-square,
table .btn.btn-square {
	min-width: 31px;
}

table .btn-v {
	margin: 5px 0 0;
}

table .btn-v-first {
	margin: 0;
}

.btn.min-width-0 {
	min-width: 0;
}

.btn-ignore {
	pointer-events: none;
}

.box-flex {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	box-sizing: content-box;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-ms-flex-flow: row nowrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	flex-flow: row nowrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.box-flex-vcntr {
	align-items: center;
}

.box-flex-inner-right {
	text-align: right;
}

.box-flex .select-box-50prc {
	margin-left: 20px;
	flex-basis: calc(50% - 10px);
	overflow-x: visible;
}

.box-flex .select-box-50prc:first-of-type {
	margin-left: 0;
}

.btn .material-symbols-outlined {
	font-size: 160%;
}

.btn-group.open > .dropdown-toggle {
	color: #333;
	border-color: #efefef;
	background-color: #efefef;
	box-shadow: none;
}

/********** .btn-menu **********/
.btn-menu-ul-1-li {
	position: relative;
}

.btn-info.active,
.btn-info.btn-menu-ul-1-li-a.active,
.btn-menu-ul-1-li-a:active,
.btn-menu-ul-1-li-a.active {
	background-color: #efefef;
}

.btn-menu-ul-1-li-sub {
	padding: 10px 0;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: 32px;
	left: 50%;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	z-index: 100;
	transform: translateX(-50%);
}

.btn-menu-ul-1-li-sub.active {
	display: block;
}

.btn-menu-ul-2 {
	position: relative;
	color: #333;
	font-size: calc(var(--default-font-size) * 0.83333);
}

select.btn-menu-ul-2 {
	overflow-y: auto;
}

select.btn-menu-ul-2:focus {
	outline: none;
}

.btn-menu-ul-2-bdb {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.btn-menu-ul-2-bdb::before {
	border-top: 1px solid #eee;
	width: calc(100% - 20px);
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	transform: translateX(-50%);
}

.btn-menu-ul-2-li {
	position: relative;
	white-space: nowrap;
}

.btn-menu-ul-2 option,
.btn-menu-ul-2-li-a {
	padding: 7px 20px;
	display: block;
	color: inherit;
	text-align: left;
	background-color: #fff;
}

.btn-menu-ul-2-li-a:active,
.btn-menu-ul-2-li-a:hover {
	color: inherit;
	background-color: #efefef;
}

.btn-menu-ul-2-li-sub {
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: 0;
	right: 100%;
	background-color: #fff;
}

.btn-menu-ul-2-li-sub.active {
	display: block;
}

.btn-menu-ul-3-li {
	position: relative;
	white-space: nowrap;
}

.btn-menu-ul-3-li-a {
	padding: 7px 20px;
	border-radius: 50px;
	display: block;
}

.btn-menu-ul-3-li-a:hover {
	background-color: #efefef;
}

/******************************************************************
 label-icon
*******************************************************************/
.label-icon {
	margin: 5px;
	padding: 0 5px;
	border-radius: 9999px;
	font-size: calc(var(--default-font-size) * 0.846154);
	text-align: center;
	width: 6em;
	display: inline-block;
}

.label-icon.icon-white {
	border: 1px solid #d3d3d3;
	color: inherit;
	background-color: #fff;
}

.label-icon.icon-gray {
	background-color: #efefef;
	color: #333333;
}

/******************************************************************
 bootstrap-switch
*******************************************************************/
.bootstrap-switch {
	border: 1px solid #006399;
	border-radius: 50px;
	font-size: calc(var(--button-font-size) * 0.91667);
}

.bootstrap-switch .bootstrap-switch-container {
	border-radius: 50px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-ms-flex-flow: row nowrap;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	flex-flow: row nowrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	background: #fff;
	box-sizing: border-box;
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
	padding: 5px 0;
	border-radius: 50px;
	display: block;
	flex-basis: 33.33333%;
	font-size: inherit;
	line-height: 1.363636;
	vertical-align: middle;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
	border: 1px solid #fff;
	border-radius: 50px;
	color: #fff;
	background-color: #006399;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
	border: 1px solid #fff;
	border-radius: 50px;
	position: relative;
	color: #006399;
	background-color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default::before,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default::before {
	border: 1px solid #006399;
	border-radius: 50px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	content: '';
}

/******************************************************************
 bootstrap-toggle
*******************************************************************/
.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
	border-radius: 100vh;
}

.toggle.ios .toggle-handle {
	border-radius: 100vh;
	min-width: auto;
	min-height: auto;
	width: 5rem;
}

/*.toggle-off:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 82px;
    left: -1px;
    bottom: 1px;
    background: #fff;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    border-radius: 100vh;
    transform: rotate(45deg);
    z-index: 1;
}*/

.toggle-off.btn {
	border: none;
	padding-left: 2.1rem;
}

/******************************************************************
 misc
*******************************************************************/

/********** レイアウト **********/
/** clearfix (floatを解除したい親要素に適用） **/
.cf:before,
.cf:after {
	content: '';
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

.nobrd {
	border: 0;
	margin: 0;
	padding: 0;
}
.nobrd tr {
	border: 0;
	margin: 0;
	padding: 0;
}
.nobrd td {
	border: 0;
	margin: 0;
	padding: 0;
}

.tac {
	text-align: center !important;
}
.tal {
	text-align: left !important;
}
.tar {
	text-align: right !important;
}
.vam {
	vertical-align: middle !important;
}
.vat {
	vertical-align: top !important;
}
.vab {
	vertical-align: bottom !important;
}

.clear {
	clear: both;
}

.fwb {
	font-weight: bold;
}
.fs11 {
	font-size: 11px;
}
.fs14 {
	font-size: 14px;
}
.fs15 {
	font-size: 15px;
}

.fll {
	float: left;
}
.flr {
	float: right;
}

.mgn0 {
	margin: 0 !important;
}
.mgnt0 {
	margin-top: 0 !important;
}
.mgnt5 {
	margin-top: 5px !important;
}
.mgnt10 {
	margin-top: 10px !important;
}
.mgnt20 {
	margin-top: 20px !important;
}
.mgnt30 {
	margin-top: 30px !important;
}
.mgnt40 {
	margin-top: 40px !important;
}
.mgnt50 {
	margin-top: 50px !important;
}
.mgnr0 {
	margin-right: 0 !important;
}
.mgnr5 {
	margin-right: 5px !important;
}
.mgnr10 {
	margin-right: 10px !important;
}
.mgnr15 {
	margin-right: 15px !important;
}
.mgnr20 {
	margin-right: 20px !important;
}
.mgnb0 {
	margin-bottom: 0 !important;
}
.mgnb10 {
	margin-bottom: 10px !important;
}
.mgnb15 {
	margin-bottom: 15px !important;
}
.mgnb20 {
	margin-bottom: 20px !important;
}
.mgnb40 {
	margin-bottom: 40px !important;
}
.mgnl10 {
	margin-left: 10px !important;
}
.mgnl15 {
	margin-left: 15px !important;
}
.mgnl20 {
	margin-left: 20px !important;
}
.mgnl30 {
	margin-left: 30px !important;
}

.box-wrap {
	margin: 20px auto;
	padding: 0 15px;
	width: 100%;
	/*max-width: 960px;*/
}

.box-wrap .select-box select {
	height: 300px;
}

.box-wrap:before,
.box-wrap:after,
.system-box:before,
.system-box:after,
.narrow-wrap:before,
.narrow-wrap:after {
	content: '';
	display: table;
}

.box-wrap:after,
.system-box:after,
.narrow-wrap:after {
	clear: both;
}

.box-wrap,
.system-box,
.narrow-wrap {
	zoom: 1;
}

.system-box .btn {
	width: 120px;
}

.box-wrap .btn i {
	color: #ffffff;
	padding-right: 10px;
}

.system-box {
	margin: 30px 15px;
}

.narrow-wrap {
	margin: 20px 0;
	width: 100%;
	max-width: 740px;
}

.col-box:before,
.col-box:after {
	content: '';
	display: table;
}

.col-box:after {
	clear: both;
}

.col-box {
	zoom: 1;
	margin: 0 -15px;
}

.col-1 {
	width: 10%;
}

.col-2 {
	width: 20%;
}

.col-3 {
	width: 30%;
}

.col-4 {
	width: 40%;
}

.col-5 {
	width: 50%;
}

.col-6 {
	width: 60%;
}

.col-7 {
	width: 70%;
}

.col-8 {
	width: 80%;
}

.col-9 {
	width: 90%;
}

.col-10 {
	width: 100%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10 {
	float: left;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.col-half {
	width: 48%;
}

.dspn {
	display: none;
}

.ilb {
	display: inline-block;
}

.material-symbols-outlined {
	color: inherit;
	font-weight: 250;
	vertical-align: middle;
}

.material-symbols-outlined.negative {
	font-variation-settings: 'FILL' 1;
}

.font-inherit {
	display: inline-block;
	color: inherit;
	font-size: inherit;
	line-height: 1;
}

.error {
	color: #d50000;
}

.txt-red {
	color: #d50000;
}

.txt-gray {
	color: #aaa;
}

.txt-lightgreen {
	color: lightgreen;
}

.txt-green {
	color: green;
}

.txt-darkgreen {
	color: darkgreen;
}

.txt-blue {
	color: blue;
}

.txt-skyblue {
	color: skyblue;
}

.txt-deepskyblue {
	color: deepskyblue;
}

.txt-mediumblue {
	color: mediumblue;
}

.strong {
	font-weight: bold;
}

.w100prc {
	width: 100% !important;
}

.w80px {
	width: 80px;
}

.w60px {
	width: 60px;
}

.w40px {
	width: 40px;
}

.h100prc {
	height: 100% !important;
}

.icon_minus,
.icon_plus {
	display: table;
}

.icon_minus::before {
	display: table-cell;
	vertical-align: middle;
	content: 'ー';
}

.icon_plus::before {
	display: table-cell;
	content: '＋';
	vertical-align: middle;
}

.selection-status {
	padding-top: 0 !important;
}

.td_ex2.td_light_blue {
	background-color: #e3f2fd;
}

/* tooltip */
.tooltip-container {
	position: relative;
	display: inline-block;
}

.tooltip-content {
	padding: 5px 10px;
	border-radius: 5px;
	display: none;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	background: #333;
	white-space: nowrap;
	z-index: 50;
}

.tooltip-container:hover .tooltip-content {
	display: block;
}

.tooltip-container .btn {
	align-items: center;
	display: flex;
	gap: 0.2em;
	justify-content: center;
}

.selection-copy-button {
	margin-bottom: 15px;
}

.tooltip-hover {
	text-align: right;
}

.form-radio-group {
	display: inline-block;
	margin-right: 15px;
}

.title-required {
	font-size: 10px;
	color: red;
	margin-left: 5px;
}

.form-radio-group label {
	font-size: 14px;
	margin: 0;
}
.report-view .main {
	padding-top: 0;
}

.form-select-group {
	display: flex;
	align-items: center;
}

.form-select-item {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}

.form-select-group span {
	margin: 0 10px;
	display: block;
}

.table .format_unit {
	padding-left: 87px;
}

.is_date_hide {
	display: none;
}

.is_unit_hide {
	display: none;
}

.panel-white-btn-top {
	margin-bottom: 15px;
}

.panel-white-btn-bottom {
	margin-top: 15px;
}

.summary_group {
	display: flex;
	align-items: center;
}

.summary_name_group span {
	margin-right: 20px;
}

.summary_group span {
	margin: 0 15px;
}

.summary_format_item_id3 {
	margin-bottom: 10px;
}

.summary_format_date_group {
	display: flex;
	align-items: center;
}

.summary_format_date_group span {
	margin: 0 15px;
}

#checkAllCheckbox:checked,
#chkall:checked,
.rec-table input[type='checkbox']:checked {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	left: -2px;
}

#checkAllCheckbox:checked::before,
#chkall:checked::before,
.rec-table input[type='checkbox']:checked::before {
	content: '\e834';
	font-family: 'Material Icons';
	color: #0075ff;
	font-size: 17px;
	margin: 0 0 0 -4px;
	position: relative;
	left: 4px;
}

#checkAllCheckbox:focus,
#chkall:focus,
.rec-table input[type='checkbox']:focus {
	outline: none;
}

/* hover効果削除 */
.delete-hover-action {
	background-color: transparent !important;
}

/**************************************************
  LINE
 **************************************************/
.profile-main .sidemenu-2 .mail-log-block a.active {
	font-weight: bold;
	background-color: #e3f2fd;
	border-radius: 9999px;
}

#line-log {
	.line-box {
		min-height: 440px;
	}

	.line-outer-box {
		border-top: 1px solid #d3d3d3;
		display: -webkit-box;
		display: flex;
		max-height: 600px;
		box-sizing: content-box;
		-webkit-box-align: stretch;
		align-items: stretch;
		-webkit-box-direction: normal;
		-webkit-box-orient: horizontal;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}

	.line-history-box {
		flex-basis: 60%;
		background-color: #f7f8fc;
	}

	.line-send-box {
		flex-basis: 40%;
	}

	@media (width < 1200px) {
		.line-outer-box {
			display: block;
			max-height: unset;
		}
	}

	.line-box-header {
		border-bottom: 1px solid #efefef;
		display: -webkit-box;
		display: flex;
		height: 50px;
		box-sizing: content-box;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-direction: normal;
		-webkit-box-orient: horizontal;
		flex-flow: row wrap;
		-webkit-box-pack: justify;
		justify-content: space-between;
		background-color: #fff;
	}

	.line-box-header-right {
		padding: 10px;
		color: #999;
		text-align: right;
	}

	.line-box-header-left {
		margin: 0;
		display: table;
	}

	.line-box-header-left li {
		padding: 10px;
		display: table-cell;
		position: relative;
	}

	.line-box-header-left li::before {
		border-left: 1px solid #d3d3d3;
		width: 1px;
		height: 1em;
		position: absolute;
		top: calc(50% - 0.5em);
		left: 0;
		content: '';
	}

	.line-box-header-left li:first-of-type::before {
		display: none;
	}

	.line-box-header-left-a {
		padding: 5px 10px;
		border-radius: 50px;
		position: relative;
		color: inherit;
	}

	.line-box-header-left-a:link {
		color: inherit;
		text-decoration: none;
	}

	.line-box-header-left-a:visited {
		color: inherit;
		text-decoration: none;
	}

	.line-box-header-left-a:hover {
		color: inherit;
		text-decoration: none;
		background-color: #efefef;
	}

	.line-box-header-left-a.current {
		color: inherit;
		font-weight: bold;
		background-color: #e3f2fd;
	}

	.line-contents-box {
		position: relative;
		overflow-y: auto;
		max-height: calc(100% - 50px);
	}

	@media (width < 1200px) {
		.line-send-box-body,
		.line-contents-box {
			max-height: 600px;
		}
	}

	p.no-history-message {
		margin: 30px 20px 30px 20px;
	}

	p.no-line-connect-message {
		margin: 5px 20px 5px 20px;
	}

	.line-contents-ul {
		padding: 0 20px 20px;
	}

	.line-contents-ul-li {
		width: 80%;
	}

	.line-contents-ul-li-cancel-mark,
	.line-contents-ul-li-midoku-mark {
		margin: 20px 0 0;
		padding: 2px 0;
		border-radius: 50px;
		width: 100%;
		font-size: 10px;
		text-align: center;
	}

	.line-contents-ul-li-cancel-mark {
		background-color: #e5e5e5;
	}

	.line-contents-ul-li-midoku-mark {
		background-color: #e5e5e5;
	}

	.line-contents-ul-li-l {
		margin: 20px auto 0 0;
	}

	.line-contents-ul-li-r {
		margin: 20px 0 0 auto;
	}

	.line-contents-ul-li-icon-nm {
		padding: 0 0 5px;
		display: -webkit-box;
		display: flex;
		box-sizing: content-box;
		-webkit-box-align: stretch;
		align-items: stretch;
		-webkit-box-direction: normal;
		-webkit-box-orient: horizontal;
		flex-flow: row wrap;
	}

	.line-contents-ul-li-l .line-contents-ul-li-icon-nm {
		-webkit-box-pack: start;
		justify-content: flex-start;
	}

	.line-contents-ul-li-r .line-contents-ul-li-icon-nm {
		-webkit-box-pack: end;
		justify-content: flex-end;
	}

	.line-contents-ul-li-icon-fig {
		width: 35px;
		height: 35px;
		position: relative;
	}

	.line-contents-ul-li-icon-img {
		border: 1px solid #efefef;
		border-radius: 50%;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center center;
	}

	.line-contents-ul-li-nm-dt {
		padding-left: 10px;
	}

	.line-contents-ul-li-nm {
		font-weight: bold;
	}

	.line-contents-ul-li-dt {
		color: #999;
	}

	.line-contents-ul-li-balloon {
		position: relative;
	}

	.line-contents-ul-li-balloon::before {
		border-radius: 0 0 50px 50px;
		width: 20px;
		height: 10px;
		position: absolute;
		top: 3px;
		content: '';
		z-index: 1;
	}

	.line-contents-ul-li-balloon::after {
		border-radius: 0 0 50px 50px;
		width: 15px;
		height: 7.5px;
		position: absolute;
		top: -1px;
		background: #f7f8fc;
		content: '';
		z-index: 2;
	}

	.line-contents-ul-li-balloon-text {
		padding: 10px 15px;
		border-radius: 10px;
		position: relative;
		z-index: 10;
		white-space: pre-wrap;
	}

	.line-contents-ul-li-balloon-text a {
		color: #006399;
	}

	.line-message-type-alert {
		color: #999999;
	}

	.line-contents-ul-li-l .line-contents-ul-li-balloon-text {
		margin-left: 10px;
		background-color: #fff;
	}

	.line-contents-ul-li-l .line-contents-ul-li-balloon::before {
		left: 0;
		background: #fff;
	}

	.line-contents-ul-li-l .line-contents-ul-li-balloon::after {
		left: -1px;
	}

	.line-contents-ul-li-r .line-contents-ul-li-balloon-text {
		margin-right: 10px;
		background-color: #4cc764;
	}

	.line-contents-ul-li-r .line-contents-ul-li-balloon::before {
		right: 0;
		background: #4cc764;
	}

	.line-contents-ul-li-r .line-contents-ul-li-balloon::after {
		right: -1px;
	}

	.line-contents-ul-li-sender {
		padding: 5px 10px 0;
		color: #999;
		text-align: right;
	}

	.line-send-box {
		border-left: 1px solid #d3d3d3;
	}

	@media (width < 1200px) {
		.line-send-box {
			border-top: 1px solid #d3d3d3;
			border-left: 0;
		}
	}

	.line-send-box-dialog {
		position: relative;
		height: 100%;
	}

	.line-send-box-content {
		padding-left: 20px;
		position: relative;
		height: 100%;
		overflow-y: scroll;
	}

	.send-contents-num {
		background-color: #ddd;
		width: 100%;
	}

	.send-contents-num .message-area {
		padding: 5px 0 5px 10px;
		font-weight: bold;
	}

	.send-contents-num .icon-area {
		padding: 5px 10px 5px 0;
	}

	.select-contents-btn {
		display: flex;
		justify-content: center;
	}

	.select-contents-btn button {
		width: calc(50% - 5px);
	}

	.text-table {
		border-collapse: collapse;
		width: 100%;
	}

	.text-table .header {
		width: 120px;
	}

	.text-table .data {
		width: calc(100% - 120px);
	}

	.text-count,
	.text-count ~ span {
		font-size: 11px;
		color: #999999;
	}

	.text-count-area {
		text-align: right;
	}

	button.add-btn {
		margin-bottom: 25px;
	}

	.confirm-area {
		padding: 10px 0 30px;
	}

	.line_msg_text_confirm {
		white-space: pre-wrap;
		margin-bottom: 0;
	}

	@media (width < 1200px) {
		.line-send-box-content {
			padding: 0 0 60px;
		}
	}

	h4.line-send-box-title {
		margin: 0;
		padding: 10px;
	}

	.line-send-box-title .material-symbols-outlined {
		font-size: 2.4rem;
		font-weight: 300;
	}

	.line-send-box-title-text {
		display: inline-block;
		vertical-align: middle;
	}

	.line-send-box-body {
		padding: 25px 0;
		max-height: calc(100% - 50px);
	}

	@media (width < 1200px) {
		.line-send-box-body {
			max-height: unset;
		}
	}

	.line-send-box-body .mysearch {
		padding: 0 15px;
	}

	.dropdown-outer {
		position: relative;
	}

	.line-send-box-header i {
		margin-right: 5px;
		position: relative;
	}

	.line-send-box-before-fotter {
		border-top: solid 1px #f4f4f4;
		padding: 15px;
		color: #333;
		font-size: inherit;
	}

	.line-send-box-before-fotter:before,
	.line-send-box-before-fotter:after {
		content: '';
		display: table;
	}
	.line-send-box-before-fotter:after {
		clear: both;
	}
	.line-send-box-before-fotter {
		zoom: 1;
	}

	.line-send-box-header .btmr {
		position: absolute;
		right: 15px;
		bottom: 15px;
	}

	.line-box .kakunin {
		margin: 0 auto;
		padding: 0 15px;
	}

	table.table-valt > tbody > tr > th,
	table.table-valt > tbody > tr > td {
		vertical-align: top;
	}

	.line-send-box-footer {
		padding: 15px 0;
		border-top: 1px solid #efefef;
		width: 100%;
		text-align: left;
		background-color: #fff;
	}

	.line-send-box-footer .btn-list li {
		margin-bottom: 0;
	}

	.select_template {
		margin: 0;
		width: calc(100% - 80px);
	}

	.file-btns {
		display: none;
	}

	a[name='file_delete']:hover {
		color: #d50000;
		cursor: pointer;
	}

	.delete-icon,
	.move-icon {
		cursor: pointer;
	}

	.image-alert {
		font-size: 11px;
	}

	.setsumei {
		padding-top: 5px;
		font-size: calc(var(--default-font-size) * 0.867);
	}

	#emojiModal ul li {
		color: white;
		font-size: 1.1em;
	}

	.valb {
		vertical-align: bottom;
	}

	.txts {
		font-size: 84.6%;
	}
}

.condition-info-box {
	background-color: #f3f3f3;
	width: 100%;
	padding: 5px 10px;
}
.condition-info-box h5 {
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
}
.condition-info-box .condition-area {
	font-size: 12px;
}