@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto');
/*
 * Common
 * --------------------------------------------------
 */
body {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #333;
	line-height: 1.6;
	letter-spacing: .1em;
}
a{
	color: #888888;
}
a:hover {
	opacity: 0.8;
	color: #888888;
	text-decoration: none;
}
/* Text Choice Color */
::selection {
	/* background: #dadada; */
	background: #e3e3e3;
	color: #333;
}
/* Firefox */
::-moz-selection {
	background: #e3e3e3;
	color: #333;
}
ul{
	 list-style: none;
	 padding-left: 0;
}
/*
 * Class Edit
 * --------------------------------------------------
 */
.btn-main{
	background: #888888;
	color: #fff !important;
}
.btn-main:hover{
	opacity: 0.8;
	background: #888888;
	text-decoration: none;
}
.btn-outline-main{
	color: #888888;
	background-color: transparent;
	background-image: none;
	border-color: #888888;
}
.btn-outline-main:hover {
	color: #fff;
	background-color: #888888;
	border-color: #888888;
}
.font-normal{
	font-weight: 300;
}
.color-default{
	color: #333 !important;
}
.color-default:hover{
	opacity: 1;
}
.font-small{
	font-size: 0.6rem !important;
}
.font_14{
	font-size: 0.875rem;
}
.manager-title-text{
	padding: 10px;
	background-color: #f8f9fa!important;
	font-size: 80%;
}
.manager-title-text p{
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
}
.pt19rem{
	padding-top: 1.9rem !important;
}
/*
 * Class Default
 * --------------------------------------------------
 */
/* .nav-link{
	color: #888888 !important;
} */
a.bg-light:hover{
	background-color: #f8f9fa!important;
}
.table{
	font-size: 0.875rem;
}
.table-min1000px{
	min-width: 1000px;
}
.table-min800px{
	min-width: 800px;
}
.table-width10{
	width: 10%;
}
.table-width15{
	width: 15%;
}
.table-width20{
	width: 20%;
}
.table-width30{
	width: 30%;
}
.table-width40{
	width: 40%;
}
.table-width50{
	width: 50%;
}
.table-width60{
	width: 60%;
}
.table-nowrap{
	white-space: nowrap;
}
.table td, .table th{
	font-size: 0.75rem;
}
.table td img{
	height: 65px;
}
.table td button{
	font-size: 0.75rem;
}
.badge{
	font-size: 70%;
	line-height: 1.6;
}
.alert{
	margin-top: 15px;
}
/*
 * Navbar
 * --------------------------------------------------
 */
.navbar {
	height: 100px;
	border-bottom: 1px solid #dee2e6 ;
}
.navbar .navbar-brand img{
	max-width: 260px;
}
.sidebar-offcanvas {
  height:100%;
  overflow-y: auto;
}
.table td, .table th {
  vertical-align: middle;
	font-weight: 400;
}
.pt100px{
	padding-top: 100px !important;
}
.mb5px{
	margin-bottom: 5px !important;
}
.breadcrumb{
	padding: 1rem;
	margin-bottom: 0;
	background: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {
	content: " \f054";
	font-family: "FontAwesome";
	font-size: 0.75rem;
	color: #333;
}
.breadcrumb-item.active{
	color: #333;
}
.footer small{
	font-size: 0.6875rem;
	color: #a3a3a3;
}
/*
 * Dashboard
 * --------------------------------------------------
 */
.dashboard-container h5{
	font-size: 0.875rem !important;
}



@media screen and (max-width:768px) {
	/*
	 * Navbar
	 * --------------------------------------------------
	 */
	.navbar .navbar-brand img {
		max-width: 180px;
}
	/*
	 * Common
	 * --------------------------------------------------
	 */



}
@media screen and (max-width:414px) {
	/*
	 * Navbar
	 * --------------------------------------------------
	 */
	.navbar .navbar-brand img {
		max-width: 140px;
	}
	.nav-link {
		padding: 1rem .3rem;
		font-size: 0.875rem;
	}
	#collapsingNavbar{
		font-size: 0.75rem;
	}
	/*
	 * Common
	 * --------------------------------------------------
	 */
	h3{
		font-size: 1.25rem;
	}
	/*
	 * sidebar
	 * --------------------------------------------------
	 */
	 .row-offcanvas-left .sidebar-offcanvas{
		 min-height: 100vh;
	 }
	 .sidebar-offcanvas{
		 overflow-y: scroll;
	 }
	 .sidebar-offcanvas li.sidebar-account-list-logout{
		 padding-bottom: 130px;
	 }

}