@charset "utf-8";

/* テーマ デフォルトカラー */
:root {
  --theme-background: 32,103,143;
  --theme-background-rgba-05: rgba(var(--theme-background), 0.05);

  --theme-color: 238,238,238;
  --theme-color-rgba-05: rgba(32,103,143,0.1);
  --theme-color-rgba-1:  rgba(32,103,143,0.1);
  --theme-color-rgba-2:  rgba(32,103,143,0.2);
  --theme-color-rgba-3:  rgba(32,103,143,0.3);
  --theme-color-rgba-4:  rgba(32,103,143,0.4);
  --theme-color-rgba-5:  rgba(32,103,143,0.5);
  --theme-color-rgba-6:  rgba(32,103,143,0.6);
  --theme-color-rgba-7:  rgba(32,103,143,0.7);
  --theme-color-rgba-8:  rgba(32,103,143,0.8);
  --theme-color-rgba-9:  rgba(32,103,143,0.9);
  --theme-color-rgba-10: rgba(32,103,143,1.0);
  

  --default-background: rgba(var(--theme-background), 1.0);
  --default-color: rgba(var(--theme-color), 1.0);

  
  --system-error-box-background: #e7e7e7;
  --system-error-box-color: #333;
  --system-error-header-background: #d7d7e0;
  --system-error-header-color: #666;
  --system-error-msg-background: transparent;
  --system-error-msg-color: #inherit;
  
  --system-sidenav-trigger-background: var(--default-background);
  --system-sidenav-trigger-color: var(--default-color);
  --system-breadcrumb-color: #666;
  
  --system-logo-background: var(--default-background);
  --system-logo-color: var(--default-color);
  
  --system-menu-background: #fff;
  --system-menu-color: #333;
  --system-menu-linecolor: var(--menu-background);
  --system-menu-hover-color: var(--menu-hover-color);
  --system-menu-hover-linecolor: var(--system-menu-hover-color);
  
  --menu-background: #e7e7e7;
  --menu-color: #333;
  --menu-hover-background: rgba(64, 64, 64, 0.05);
  --menu-hover-color: #4050ff;
  
  --menu-list-background: #fff;
  --menu-list-color: #333;
  --menu-list-linecolor: rgba(0, 0, 0, 0.05);
  --menu-list-hover-background: var(--menu-hover-background);
  --menu-list-hover-color: var(--menu-hover-color);
  --menu-list-hover-linecolor: var(--menu-list-hover-color);
  --menu-list-dir-background: rgba(255, 255, 255, 0.1);
  --menu-list-active-background: var(--default-background);
  --menu-list-active-color: var(--default-color);
  --menu-list-active-linecolor: var(--default-background);
  --menu-list-active-linecolor2: var(--theme-color-rgba-1);
  
  
  --header-background: #f7f7f7;
  --header-color: #333;
  --header-linecolor: #ccc;
  
  --body-background: #f7f7f7;
  --body-color: #333;
  --body-link-color: #33c;
  --body-link-hover-background: rgba(64, 64, 64, 0.05);
  --body-link-hover-color: #4050ff;
  
  --footer-background: #f7f7f7;
  --footer-color: #333;
  
  --tab-background: #c9d9df;
  --tab-color: #333;
  
  --tab-active-background: var(--default-background);
  --tab-active-color: var(--default-color);
  
  --tab-hover-background: var(--default-background);
  --tab-hover-color: var(--default-color);
  
  --card-background: #f9f6ef;
  --card-color: #333;
  
/*   --section-header-background: rgba(0,0,0,0.02); */
  --section-header-background: #ffe7bc;
  --section-header-color: #333;
  
  --focus-background: rgba(0, 16, 32, 0.7);
  --focus-color: #ffffff;
  --focus-shadow: #59e;
  
  --input-focus-prefix: var(--focus-background);
  --input-focus-linecolor: var(--focus-background);
  --input-focus-shadow: 0 0 8px var(--focus-shadow);
  
  --checkbox-focus-linecolor: var(--focus-background);
  --checkbox-focus-shadow: 0 0 4px var(--focus-shadow);
  --checkbox-focus-filter: drop-shadow(0 0 4px var(--focus-shadow));
  
  --radio-focus-filter: drop-shadow(0 0 6px #37c);
  
  --button-background: #396989;
  --button-color: #f0f0f0;
  
  --button-focus-background: var(--focus-background);
  --button-focus-color: var(--focus-color);
  --button-focus-linecolor: var(--focus-background);
  --button-focus-shadow: 0 0 8px 2px var(--focus-shadow);
  
  --table-scroll-sticky-background: var(--theme-color-rgba-8);
  --table-scroll-sticky-color: #ffffff;
}



a {
  color: var(--body-link-color, #333);
}
a:hover {
  background-color: var(--body-link-hover-background, rgba(64, 64, 64, 0.05));
  color: var(--body-link-hover-color, #4050ff);
}

.input-field .prefix.active {
  color: var(--default-background, #333);
}

.cmps.theme.body {
  background-color: var(--body-background, #f7f7f7);
  color: var(--body-color, #333);
}
.cmps.theme.body.loginInactive {
  font-size: 1.2em;
}

.cmps.theme.header {
  background-color: var(--header-background, #f7f7f7);
  color: var(--header-color, #333);
}
.cmps.theme.header .page-title .title {
  border-bottom: 1px solid var(--header-linecolor, #ccc);
}
.cmps.theme.main {
}
.cmps.theme.footer {
  background-color: var(--footer-background, #eaeef1);
  color: var(--footer-color, #666);
}



nav#top-nav .nav-wrapper .sidenav-trigger {
  background-color: var(--system-sidenav-trigger-background, #697989);
/* color: var(--system-sidenav-trigger-color, #fff);*/
}
nav#top-nav .nav-wrapper .sidenav-trigger .material-icons {
  color: var(--system-sidenav-trigger-color, #fff);
}
nav#top-nav .nav-wrapper .breadcrumb {
  color: var(--system-breadcrumb-color, #666);
}
.cmps.theme.menu {
  background-color: var(--menu-background, #293949);
  color: var(--menu-color, #f0f0f0);
}
.cmps.theme.menu a {
  color: var(--menu-color, #f0f0f0);
}
.cmps.theme.menu a:hover {
  background-color: var(--menu-hover-background, rgba(0, 0, 0, 0.5)) !important;
  color: var(--menu-hover-color, #ffea00) !important;
}
.cmps.theme.menu .system-logo {
  background-color: var(--system-logo-background, #f7f7f7);
  color: var(--system-logo-color, #666);
}

.cmps.theme.menu .system-menu img {
  display: none;
}
.cmps.theme.menu .system-menu .fas {
  display: inline-block;
  color: var(--system-logo-background, #666);
}
#menu-all-list li.menu-tab li.menu-portlet a .fas,
#menu-all-list li.menu-tab li.menu-func a .fas,
#menu-tabs-menu a .fas,
#portal-setting-tabtable .fas,
#portal-setting-menutable .fas {
  color: var(--system-logo-background, #666);
}
#portal-setting-icons-in .fas {
  display: inline-block;
  color: var(--system-logo-background, #666);
  width: 24px;
  height: 24px;
  font-size: 24px;
}
#menu-all-list .fas {
  display: inline-block;
  color: var(--system-logo-background, #666);
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  margin-right: 0.5em;
}
#menu-ranking-list li a {
  line-height: 3.5em !important;
}
#menu-ranking-list .fas {
  color: var(--system-logo-background, #666);
  width: 20px;
  height: 20px;
  font-size: 16px;
  float: none;
}
#menu-history-list li a {
  line-height: 3.5em !important;
}
#menu-history-list .fas {
  display: inline-block;
  color: var(--system-logo-background, #666);
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.page-title .fas {
  display: inline-block;
  color: var(--system-logo-background, #666);
  width: 32px;
  height: 32px;
  font-size: 32px;
  margin: 0 12px 5px 0;
}
.cmps.theme.menu .system-menu .col {
  border: 2px solid var(--system-menu-linecolor, #293949);
  border-radius: 0.5em;
  background-color: var(--system-menu-background, #f7f7f7);
  color: var(--system-menu-color, #333);
}
.cmps.theme.menu .system-menu a {
  color: var(--system-menu-color, #333);
}
.cmps.theme.menu .system-menu a:hover {
  color: var(--system-menu-hover-color, #4050ff) !important;
  border-bottom: 1px solid var(--system-menu-hover-linecolor, #4050ff) !important;
}

.cmps.theme.menu .menu-top-new {
  background-color: var(--system-menu-background, #f7f7f7);
}
.cmps.theme.menu .menu-top-new a {
  color: var(--system-menu-color, #333);
}
.cmps.theme.menu .menu-top-new a:hover {
  color: var(--system-menu-hover-color, #4050ff);
  border-bottom: 1px solid var(--system-menu-hover-linecolor, #4050ff);
}
.cmps.theme.menu .menu-body .menu-tabs .tabs {
  background-color: var(--menu-list-background, #192939);
  color: var(--menu-list-color, #ffea00);
}
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab img {
  display: none;
}
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab .fas {
  display: inline-block;
  color: var(--system-logo-background, #666) !important;
}
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab a.active .fas,
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab a:hover .fas,
#menu-all-list li.menu-tab a.active .fas,
#menu-all-list li.menu-tab li.menu-portlet a.active .fas,
#menu-all-list li.menu-tab li.menu-func a.active .fas,
#menu-tabs-menu a.active .fas {
  color: var(--menu-list-active-color, #eee) !important;
}
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab a {
  background-color: var(--menu-list-background, #293949) !important;
  border: 1px solid var(--menu-list-linecolor, #eee) !important;
  color: var(--menu-list-color, #eee) !important;
}
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab a.active,
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab a:hover
{
  color: var(--menu-list-active-color, #eee) !important;
  background: var(--menu-list-active-background, #293949) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-bottom: none !important;
  border-left: 1px solid rgba(0, 0, 0, 0.3) !important;
}
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab a.active:after,
.cmps.theme.menu .menu-body .menu-tabs .tabs .tab a:hover:after {
  border-bottom: 10px solid var(--menu-list-background, #192939);
}



.cmps.theme.menu .submenu-bar {
}
.cmps.theme.menu .submenu-bar.menu-header {
  background-color: var(--menu-background, #293949);
  color: var(--menu-color, #f0f0f0);
}
.cmps.theme.menu .submenu-bar.menu-footer {
  background-color: var(--menu-background, #293949);
  color: var(--menu-color, #f0f0f0);
}


.cmps.theme.menu .menu-body .menu-content {
  background-color: var(--menu-list-background, #192939);
  color: var(--menu-list-color, #f0f0f0);
  border: 1px solid var(--menu-list-linecolor, rgba(255, 255, 255, 0.2));
}
.cmps.theme.menu .submenu-bar ul {
  background: var(--menu-list-dir-background, rgba(0,0,0,0.1));
}
.cmps.theme.menu .submenu-bar li {
  border-bottom: 1px solid var(--menu-list-linecolor, rgba(255, 255, 255, 0.2));
}
.cmps.theme.menu .submenu-bar li:first-child {
  border-top: 1px solid var(--menu-list-linecolor, rgba(255, 255, 255, 0.2));
}
.cmps.theme.menu .submenu-bar li:not(.menu-tab-header):hover {
  background-color: var(--menu-list-hover-background, rgba(0, 0, 0, 0.5));
  border-bottom: 1px solid var(--menu-list-hover-linecolor, #ffea00);
}
.cmps.theme.menu .submenu-bar li.menu-close a {
  opacity: 0.7;
}
.cmps.theme.menu .submenu-bar li.menu-close i.material-icons {
  color: rgba(0, 0, 0, 0.4);
}

.cmps.theme.menu .submenu-bar .header {
  color: var(--menu-list-color, #666);
}
.cmps.theme.menu .submenu-bar .header a {
  color: var(--menu-list-color, #f0f0f0);
}
.cmps.theme.menu .submenu-bar .header img {
  display: none;
}
.cmps.theme.menu .submenu-bar .header .fas {
  display: none;
}
.cmps.theme.menu .submenu-bar li a {
  color: var(--menu-list-color, #f0f0f0);
}
.cmps.theme.menu .submenu-bar li a:hover {
  color: var(--menu-list-hover-color, #ffea00);
}

.cmps.theme.menu .submenu-bar li a.active {
  color: var(--menu-list-active-color, #eee) !important;
  background: var(--menu-list-active-background, #293949) !important;
}
.cmps.theme.menu .submenu-bar .menu-tab-dir1-div {
  background: var(--menu-list-background, #192939);
}
.cmps.theme.menu .submenu-bar .menu-tab.open {
  border: 1px solid var(--menu-list-active-linecolor, #20678f) !important;
/*   filter: drop-shadow(1px 1px 2px gray); */
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}
.cmps.theme.menu .submenu-bar .menu-tab.open > a {
/*   background: var(--menu-list-active-background, #293949) !important; */
/*   color: var(--menu-list-active-color, #eee) !important; */
/*  background: var(--theme-color-rgba-1) !important; */
  background: var(--menu-list-hover-background) !important;
  color: var(--menu-list-hover-color)  !important;
}

.cmps.theme.menu .submenu-bar .menu-tab-dir1 .menu-tab-header {
/*   background: var(--theme-color-rgba-05) !important; */
}

.cmps.theme.menu .submenu-bar .menu-tab-dir1 .menu-sub-list {
  border-top: 1px solid var(--menu-list-linecolor, rgba(255, 255, 255, 0.2));
}
.cmps.theme.menu .submenu-bar .menu-tab-dir1 ul li {
  border-bottom: 1px solid var(--menu-list-linecolor, rgba(255, 255, 255, 0.2));
  color: var(--menu-list-color, #f0f0f0);
}
.cmps.theme.menu .submenu-bar .menu-tab-dir1 ul li:not(.menu-text):hover {
  background: var(--menu-list-hover-background, rgba(0, 0, 0, 0.5));
  border-bottom: 1px solid var(--menu-list-hover-linecolor, rgba(255, 255, 255, 0.5));
  color: var(--menu-list-hover-color, #ffea00);
}
.cmps.theme.menu .submenu-bar .menu-tab-dir1.open ul {
  background: rgba(255, 255, 255, 0.3);
}
.cmps.theme.menu .submenu-bar .menu-dropdown .menu-tab-dir1.open .menu-tab-dir1-div {
  border: 2px solid var(--menu-list-active-linecolor, #20678f) !important;
}
.cmps.theme.menu .submenu-bar .menu-tab-dir1 .menu-tab-dir2-div {
/*   background: var(--menu-list-background, #192939); */
}
.cmps.theme.menu .submenu-bar .menu-tab-dir1 .menu-tab-dir2 ul li:last-child {
  border-bottom: 1px solid transparent;
}
.cmps.theme.menu .submenu-bar .menu-tab-dir1 .menu-tab-dir2.open {
/*   background: var(--menu-list-active-background, #293949) !important; */
/*   border: 2px solid var(--menu-list-active-linecolor, #20678f); */
/*   border-top: 1px solid var(--menu-list-linecolor, rgba(255, 255, 255, 0.2)); */
  border-top: 1px solid var(--menu-list-active-linecolor2, #20678f) !important;
  border-bottom: 1px solid var(--menu-list-active-linecolor2, #20678f) !important;
}
.cmps.theme.menu .submenu-bar .menu-tab-dir1 .menu-tab-dir2.open > a {
/*   color: var(--menu-list-active-color, #eee) !important; */
}
.cmps.theme.menu .submenu-bar .menu-dropdown .menu-tab-dir1 .menu-tab-dir2.open .menu-tab-dir2-div {
  border: 2px solid var(--menu-list-active-linecolor, #20678f) !important;
}



.cmps.theme.body.page-body .sys-err-box {
  background: var(--system-error-box-background);
  color: var(--system-error-box-color);
}
.cmps.theme.body.page-body .sys-err-header {
  background: var(--system-error-header-background);
  color: var(--system-error-header-color);
}
.cmps.theme.body.page-body .sys-err-msg {
  background: var(--system-error-msg-background);
  color: var(--system-error-msg-color);
}



.cmps.theme.main .btn, .cmps.theme.main .btn-large, .cmps.theme.main .btn-small {
  background-color: var(--button-background, #192939);
  color: var(--button-color, #f0f0f0);
}
.cmps.theme.main .btn a, .cmps.theme.main .btn-large a, .cmps.theme.main .btn-small a {
  color: var(--button-color, #f0f0f0);
}

.cmps.theme.main .btn:hover, .cmps.theme.main .btn-large:hover, .cmps.theme.main .btn-small:hover {
  background: var(--button-focus-background, rgba(0, 16, 32, 0.8));
  color: var(--button-focus-color, #f0f0f0);
}
.cmps.theme.main .btn:hover a, .cmps.theme.main .btn-large:hover a, .cmps.theme.main .btn-small:hover a {
  color: var(--button-focus-color, #f0f0f0);
}

.cmps.theme.main .flexslider .flex-control-paging li a.flex-active {
  background: var(--button-background);
}


.cmps.theme.main table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.3);
}

.cmps.theme.main table.highlight > tbody > tr:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

/*
.cmps.theme.main table, .cmps.theme.main table.normal {
  background: #f7f7f7;
  color: #333;
}
.cmps.theme.main table th[class*="head"],
.cmps.theme.main table td[class*="head"] {
  background: var(--theme-color-rgba-7);
  color: #f7f7f7;
}
*/


/*
#192939
#293949
#49747b
#62878f
#86a2a6
#d6e2e7
#eaeef1
*/