@charset "utf-8";

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }

.full-width {
	width: 100%;
}

.no-pdr {
	 padding-right: 0px !important; 
}
.no-pdl {
	 padding-left: 0px !important; 
}
.no-pdrl {
	 padding-left: 0px !important; 
	 padding-right: 0px !important; 
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-gray {
	color: #bbb !important;
}

.v-middle {
	vertical-align: middle !important;
}

p.indent {
	padding-left: 1em;
	text-indent: -1em;
}

td.small {
	font-size: 11px !important;
}

input.number {
	text-align: right;
}

input.date {
	width: 120px !important;
}

input.time {
	width: 120px !important;
}

tr.invalid {
	background-color: #f5f5f5;
}

span.plus {
	color: #00f;
}

span.minus {
	color: #f00;
}

p.text-danger strong {
	color: #dd4b39;
}

@media (min-width:800px) {
	.container {
		width: calc(100% - 20px) !important;
	}
}

.skin-black-light .main-header .navbar .navbar-nav > li > a {
	    border-right: 1px solid #d2d6de;
}

.main-header .navbar .nav > .active > a {
	background: #f3f3f3 !important;
	color: #333 !important;
}

.btn2 .btn {
	margin-left: 20px;
	margin-right: 20px;
}

div.form-inline div.checkbox label {
	margin-right: 15px;
}

a.navbar-brand {
	cursor: default;
}

/*
@media (min-width:1800px) {
	.container {
		width: 1770px;
	}
}
*/

/*==================================================*/

.draggable tr {
	cursor: move;
}

/*==================================================*/

header.main-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.main-header, .skin-black-light .wrapper > .main-header {
	border-top: 6px solid #3c8dbc;
}

/*==================================================*/

.admin .wrapper > .main-header {
	border-top: 6px solid #dd4b39;
}

.admin .nav-tabs-custom > .nav-tabs > li.active {
	border-top-color: #00a65a;
}

.admin form .form-inline label {
	margin-left: 10px;
}

.admin form .form-inline label:first-of-type {
	margin-left: 0px;
}

/*==================================================*/

body textarea {
	resize: none;
}

/*==================================================*/

/* 上ボーダーの分だけ縦に6pxずらす */
@media (min-width:768px) {
	.main-sidebar {
		padding-top: 56px;
	}
}

.sidebar-menu>li>a>i {
	width: 20px;
}

.content-header {
	padding: 25px 25px 10px;
}

.content {
	padding: 25px;
}

.content-header h1 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

aside ul.sidebar-menu li.header {
	background-color: #eee !important;
	color: #666 !important;
}

.main-header .sidebar-toggle::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c9";
}

.box-body {
	padding-left: 25px;
	padding-right: 25px;
}

.skin-black-light .sidebar-menu > li:hover > a,
.skin-black-light .sidebar-menu > li.active > a {
	/*background: #f4f4f5;*/
	background: #e9e9e9;
}

header a.logo {
	cursor: default;
}

.skin-black-light .main-header .navbar .nav > li.name > a,
.skin-black-light .main-header .navbar .nav > li.name > a:hover,
.skin-black-light .main-header .navbar .nav > li.name > a:focus {
	color: #333;
	cursor: default;
}

@media (min-width:768px) {
	.content-wrapper {
		padding-top: 56px;
	}
}

@media (max-width:767px) {
	.content-wrapper {
		padding-top: 106px;
	}
}

/*==================================================*/

h4.ttl {
	padding-left: 1.2em;
	text-indent: -1.2em;
	margin-bottom: 10px;
	line-height: 1.5em;
	font-size: 16px;
	font-weight: bold;
}

.block {
	margin-bottom: 50px;
}

.block:last-child {
	margin-bottom: 10px;
}

/*==================================================*/
.upload-wrapper {
	margin-top: 10px;
}

#upload_canvasP,
#upload_canvasS,
#upload_canvas {
	position: relative;
	border: 1px solid #ddd;
	width: 100%;
	height: 40px;
	margin: 0 0 10px;
	cursor: pointer;
}

#upload_canvasP:hover,
#upload_canvasS:hover,
#upload_canvas:hover {
	background-color: #f0f0f0;
}

#upload_canvasP span,
#upload_canvasS span,
#upload_canvas span {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 2em;
}

ul.attachment_list {
	margin-bottom: 10px;
}

ul.attachment_list li i,
ul.file_list li i {
	cursor: pointer;
	margin-left: 0.5em;
}

ul.attachment_list li i:hover,
ul.file_list li i:hover {
	color: #bbb;
}

div.upload_error p {
	margin: 2px 0;
}

p.upload-error {
}

/*==================================================*/
.box-header h3 .last-update {
	margin-left: 1em;
	font-weight: bold;
	font-size: 14px;
	color: #666;
}

table.pdf-version-list,
table.zaiko-list {
	margin-bottom: 0px;
}

table.pdf-version-list thead tr th,
table.zaiko-list thead tr th {
	background-color: #ddd;
	text-align: center;
}

table.pdf-version-list tbody tr td,
table.zaiko-list tbody tr td {
	text-align: center;
}

table.pdf-version-list tbody tr td a,
table.zaiko-list tbody tr td a {
	display: block;
}

p.sequel {
	margin-top: 5px;
}

.adhocfile .upload-error,
.materialfile .upload-error,
.materialzaiko .upload-error {
	display: none;
}

.material-thumbnail {
	padding-bottom: 30px;
}

.material-thumbnail p.help-block:before,
p.upload-error:before {
	content: "\0203b";
}

.material-thumbnail img {
	max-width: 400px;
	margin: 0 auto;
	display: block;
}

.post span.datetime {
	margin-right: 1em;
}

span.toggle_edit i {
	cursor: pointer;
}

/*==================================================*/
td.icons a {
	margin: 0 0.3em;
}

.material-spec {
}

.material-spec p,
.material-spec strong {
	font-size: 120%;
}

.material-spec button.btn,
.material-spec a.btn {
	width: 100%;
	margin-bottom: 20px;
	max-width: 600px;
}

.material-spec button.btn i,
.material-spec a.btn i {
	margin-right: 0.5em;
}

h2.sub-title {
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	padding-left: 2px;
}

h2.sub-title:before {
	content: "\025a0";
	margin-right: 5px;
}

.correct-form {
	padding-bottom: 30px;
}

.require {
	color: #dd4b39;
	margin-left: 0.2em;
}

input + p.text-danger,
p.text-danger + p.text-danger {
	margin-top: 2px;
	margin-bottom: 0px;
}

td.plus-minus {
	font-size: 24px;
}

.attachment-list  i,
td.plus-minus i {
	cursor: pointer;
}

/*==================================================*/

div.tooltip-inner {
	padding: 4px;
}

div.tooltip-inner img {
	max-width: 140px;
	height: auto;
}

div.tooltip-inner-text {
	text-align: left;
	padding: 8px;
	font-size: 14px;
}

/*==================================================*/

div.year-block {
	margin-bottom: 30px;
}

div.year-block > .row > div {
	padding-top: 4px;
	padding-bottom: 8px;
}

div.year-block h4 {
	border-left: solid 4px #3C8DBC;
	border-bottom: solid 1px #ddd;
	padding: 4px 8px;
}

div.year-block .col-month {
	font-weight: bold;
}