/* ==========================================================================
	$Header
========================================================================== */
#menu {
	width: 100%;
	z-index: 999;
	background-color: #E9F0E6;
}
#menu .menu-content {
	margin: 0 auto;
	max-width: 1170px;
	padding: 15px 0;
	width: 100%;
	-moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
}
#menu .navigation {
	float: left;
}
#menu .navigation a {
    font-size: 15px;
    color: #313331;
}
#menu.fixed {
	background-color: rgba(255, 255, 255, 0.75);
}
#menu.fixed .menu-content {
	border-bottom: 0;
	padding: 15px 0;
}
#menu.fixed .logo {
	color: #333;
}
#menu.fixed .navigation a {
	color: #333;
}
#menu.fixed .nav-toggle {
	top: 18px;
}

#inner-menu {
	width: 100%;
	z-index: 999;
}
#inner-menu .inner-menu-content {
	margin: 0 auto;
	max-width: 1170px;
	padding: 15px 0;
	width: 100%;
	-moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
}
#inner-menu .inner-navigation {
	float: left;
}
#inner-menu .inner-navigation a {
    font-size: 15px;
    color: #313331;
}
#inner-menu .inner-navigation li {
    display: inline-block;
    margin-right: 20px;
}
#inner-menu .inner-navigation li:after {
	content: '';
	height: 2px;
	display: block;
	background: #444;
}

.error-message {
	color: #d9534f;
	font-weight: normal;
}
#flashMessage, #authMessage {
	color: #d9534f;
	text-align: center;
	font-size: 18px;
}
/*.admin #flashMessage.error, .admin #authMessage {
	text-align: left;
	font-size: 16px;
}*/
.btn_small {
	font-size: 15px;
    padding: 0.5% 2%;
}
.pagination {
    margin: 0 0 10px 0;
    float: right;
}
.btn_modal {
	font-size: 15px;
    padding: 0.5% 2% !important;
	margin-top: 0;
}

li.jstree-node.pattern-list-item.jstree-leaf {
	display: inline-block;
	margin: 10px;
	width: 185px;
}

.tips {
	color: #DC143C;
}

.tips.small {
	font-size: 11px;
}

.bold{
	font-weight: bold;
}

p.tips.right {
	text-align: right;
	font-size: 15px;
}

.k-widget.k-window .col-xs-2 {
	height: 160px;
}
.k-widget.k-window .thumbnail {
	margin-bottom: 10px;
}
.k-widget.k-window .thumbnail a>img, .k-widget.k-window .thumbnail>img {
    max-height: 70px;
}

.help {
}
.help dt {
	background: #444; /* 「Q」タイトルの背景色 */
	color: #fff; /* 「Q」タイトルの文字色 */
	padding: 8px;
	border-radius: 2px;
}
.help dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
.help dd {
	margin: 24px 16px 40px 32px;
	line-height: 140%;
	text-indent: -24px;
}
.help dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}

footer .links p {
    display: inline-block;
	padding-right: 30px;
}
footer .links p a {
	color: #fff;
	text-align: left;
	font-size: 13px;
}

p.subtitle {
	font-weight: bold;
}

.btn-sakusei {
    color: #fff;
    background-color: #7061e8;
    border-color: #7061e8;
}
.btn-sakusei:hover {
    color: #fff;
    background-color: #9a90ee;
    border-color: #9a90ee;
}

.btn-add {
	margin-bottom: 10px;
}

.sample-btn {
	margin-bottom: 10px;
}

.panel-message {
	margin-top: 15px;
}

.mail-input {
	padding: 0;
}

.uploaded-files {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
}
.file-thum-wrapper{
    width:22%;
    margin-left:2%;
    margin-top:30px;
}
.file-thum-outer {
    position: relative;
    width: 100%;
}
.file-thum-outer:before{
    content:"";
    display: block;
    padding-top: 100%;/* % height */
}
.file-thum-inner{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:5;
}
.uploaded-files object {
    max-width:100%;
    max-height:100%;
}
.uploaded-files .remove-uploaded-file {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    color: #e84545;
    z-index: 10;
}
.form-search input[type=text],
.form-search select{
    width: 100%;
}
.form-search .date-from-to input[type=text]{
    width: 40%;
    display: inline;
}
.form-search div[class*="col-lg-"]{
    padding-bottom:5px;
}
.btn-reset {
	padding: 5px 1px;
}
.csv_error {
	color: #d9534f;
	text-align: left;
	font-size: 14px;
	margin-bottom: 30px;
}
.pagination.category {
	float: left;
	margin: 20px 0
}
img.parts-list-thumbnail {
	display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    border: 1px solid #ccc;
	text-align: center;
}