@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
	font-family: "Inter", "Segoe UI", "Roboto", "BIZ UDGothic", "BIZ UDゴシック", sans-serif;

/*
 * 等幅
	font-family: 'Source Han Code JP', 'IBM Plex Sans JP', 'M PLUS 1 Code', 'MS Gothic', monospace;
*/
	line-height: 1.6;
}

.touhaba{
	font-family: 'Source Han Code JP', 'IBM Plex Sans JP', 'M PLUS 1 Code', 'MS Gothic', monospace;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    	padding: 2px;
	font-size:0.9em;	
}

.table > thead > tr > th{
	font-size:0.9em;	
}


radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.zenkaku {
        /*ime-mode: active;*/
}
.hankaku {
        ime-mode:disabled;
}

/*
.form-group{
	margin-top:20px;
}
*/

.padding_header{
	padding-top:70px;
}

.padc{
	padding-top:7px;	
}
.algnr{
	text-align:right;
}


.navbar{
        /*background:#0062aa!important;*/
        /*background:#8b4513!important;*/
        background:#000000!important;
}

.navbar-brand:hover {
  text-decoration: none;
}

.navbar-brand {
        color: #ffffff!important;
/*
  	font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
  	font-family: "Crimson Text", "Helvetica Neue", Helvetica, Arial, cursive;
  	font-family: "Merriweather", "Helvetica Neue", Helvetica, Arial, cursive;
  	font-weight: 200;
	letter-spacing: 0.12em;
*/
  background: url("/img/logo.png") no-repeat left center;
  background-size: auto;
  background-size: contain;
  height: 45px;
  width: 200px;
}
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #ffffff!important;
}

.navbar-light .navbar-nav .nav-link {
    color: #aaa!important;
}

.navbar-light .navbar-toggler {
    color: #aaa!important;
    border-color: #fff;
}

.navbar-text {
    display: inline-block;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}

.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}

.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}

.bs-docs-sidenav .nav-header2 {
  display: block;
  padding: 10px 15px;
  color:#ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  letter-spacing: 0.1em;
  background:#005EA6;
  border:1px solid #F2F2F2;
}

.bs-docs-sidenav .nav-header3 {
  display: block;
  color:#ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  letter-spacing: 0.1em;
  background:#FFD470;
  border:1px solid #F2F2F2;
}

.footer {
  padding: 60px 0;
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}

.footer p {
  margin-bottom: 0;
  color: #777;
}

.footer-links {
  margin: 10px 0;
}

.footer-links li {
  display: inline;
  margin-right: 10px;
}

span.round{
    display: inline-block;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, .7);
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, .7);
}

td.small{
        font-size:80%;
}


.fixed-sidebar .icon-chevron-right {
  float: right;
  margin-top: 4px;
  margin-right: -6px;
}

.fixed-sidebar {
    width: 220px; /* span3を利用しているためspan3のサイズ */
    position: fixed;
}

@media (min-width: 1200px) {
  .fixed-sidebar {
    width: 270px; /* span3を利用しているためspan3のサイズ */
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  body {
    padding-top: 0px;
  }
  .fixed-sidebar {
    width: 166px; /* span3を利用しているためspan3のサイズ */
  }
}

@media (max-width: 767px) {
  body {
    padding-top: 0px;
  }
  .fixed-sidebar {
    position:static; /* 固定化解除*/
    width: auto;
  }
}


.fixed-sidebar2 .icon-chevron-right {
  float: right;
  margin-top: 4px;
  margin-right: -6px;
}

.fixed-sidebar2 {
    width: 170px; /* span2を利用しているためspan2のサイズ */
    position: fixed;
}

@media (min-width: 1200px) {
  .fixed-sidebar2 {
    width: 190px; /* span2を利用しているためspan2のサイズ */
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  body {
    padding-top: 0px;
  }
  .fixed-sidebar2 {
    width: 126px; /* span2を利用しているためspan2のサイズ */
  }
}

@media (max-width: 767px) {
  body {
    padding-top: 0px;
  }
  .fixed-sidebar2 {
    position:static; /* 固定化解除*/
    width: auto;
  }
}

.money{
    text-align: right;
}

/*table {font-size:12px;}*/
#tbl_date td {text-align:center;background:#fff;}
#tbl_date .tdr {text-align:right;background:#ffc;}
#tbl_date .tdcy {text-align:center;background:#ffc;}

#main-tbl td{
        font-size:0.8rem;
        padding:6px;
}
#main-tbl th{
        font-size:0.8rem!important;
        padding:6px;
}

div.part{
	padding:20px;
}

#exp dt{
	padding-top:20px;
}

.nav-header {
  /* Bootstrap 4のnavクラスとの調和 */
  padding: 0.5rem 1rem;
  /*margin-bottom: 0.5rem;*/

  /* フォントスタイル */
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #6c757d;

  /* 視覚的な区切り */
  border-bottom: 1px solid #e9ecef;

  /* リストスタイルの除去 */
  list-style: none;
}

.nav-header.nav-header-primary {
  color: #495057;
  background-color: #f8f9fa;
  border-bottom: 2px solid #007bff;
}

.sticky-top{
	z-index:0;
}

.list-group-item {
	padding-left: 0.5rem;
	padding-right: 0rem;
}
/*
span.menu-collapsed{
	padding-left: 0rem;
}
*/

.appname{
	font-size:0.6rem!important;
}

span.kensu{
	font-size:0.6rem;
	font-weight:initial;
}
/*　マイページ等でスマホ右上のハンバーガーが真っ黒になるため追加 */
.navbar-light .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}