/* https://templatemag.com/bootstrap-templates/ https://bootstrapmade.com/bootstrap-one-page-templates/ */
body {
	background-color: #000;
	color: #fff;
}
a,
a:visited,
.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: #1e5f8d;*/
	color: #fff !important;
}
.nav-link:focus, .nav-link:hover  {
	text-decoration: underline;
	font-weight: 800;
}
h1 {
	margin-bottom: 1.5rem;
	/*color: #1e5f8d;*/
	color: #fff;
	font-weight: 900;
	font-size: 2.0rem;
	font-family: sans-serif;
}
h2 {
	font-weight: 700;
/*	color: #1e5f8d;*/
	color: #fff;
	font-size: 1.5rem;
	font-family: sans-serif;
}
h3 {
	font-size: 1.2rem;
/*	color: #1e5f8d;*/
	color: #fff;
	font-family: sans-serif;
}
th {
	white-space: nowrap;
}
td {
	word-wrap: normal;
	word-break: break-all;
}
/* layout settngs */
header {
	/*background: #fff;*/
    z-index: 1030;
    padding: 10px 0;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.06);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
		background-color: #000;
}
main {
	margin-top: 135px;
	margin-bottom: 100px;
}
.container {
    max-width: 90%;
}
footer {
	position: fixed;
	bottom: 0px;
	width:100%;
	border-top :1px solid #e2e4e7;
	padding-top :20px;
	padding-bottom:10px;
	text-align:center;
	background-color: #000;
}
.nav-item {
	/*min-width: 180px;*/
}
/* header */

.navbar-brand > img {
	width: 85%;
}
@media (max-width: 767.98px) {
	.navbar-brand > img {
		width: 100%;
		padding-bottom: 1rem;
	}
}
#navbarNav {
	/*background: #FFFFFF;*/
	text-align: center;
	float: right;
	padding-top: 20px;
}
.nav-link {
	font-weight: 700;

}
/* main */
#results {
/*	background: #f5f6f7;*/
background-color: #000;
    padding: 30px 0;
    margin: 0;
}
.items {
	padding: 20px;
    box-shadow: 0 0 5px #d9dcde;
    border-radius: 3px;
/*    background: #fff;*/
		background-color: #000;
    position: relative;
    transition: 0.3s;
    margin-bottom: 30px;
}
.img-thumbnail {
	width: 20%;
	background-color: #000  !important;
}
.errorMessage,
.hit {
    color: red;
}
#hitMessage,
#errorMessage {
	margin: 20px 0px;
}
#progressbarArea {
	margin: 20px 0px;
}
#progressbar {
	width: 80%;
}
#progressbarLabel {
	float: left;
	margin-top: -7px;
	padding-right: 15px;
}
.table {
	color: #fff !important;
}
.modal-body,
.modal-header,
.modal-footer {
	color: #fff !important;
	background-color: #000 !important;
}
.modal-header,.modal-footer {
	border: 1px solid #fff;
}
.modal-body {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
th,
td {
	background-color: #000 !important;
	color: #fff !important;
}
.zoom-container {
	overflow: hidden; 
	height: 75vh; 
	width: 100vw; 
	/*object-fit: contain;*/
	cursor: grab;

}
.container:active {
  cursor: grabbing;
}

.content  {
  width: 100%;
  height: auto;
  transform-origin: center center;
  transform: translate(0px, 0px) scale(1);
  will-change: transform;    /* パフォーマンス向上のヒント */
  transition: transform 0.1s ease-out;
	user-select: none;     /* テキスト選択禁止 */
  -webkit-user-drag: none; /* 画像ドラッグ禁止（Safari/Chrome） */

}
#keyword {
	line-height: 1.0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}