@charset "utf-8";

/*------------------------------------------------------------
site : 地域研究画像ライブラリ
file : /css/admin.css
uses : 管理画面スタイル設定
------------------------------------------------------------*/
body {
    color: #5a5a5a;
    padding-bottom: 40px;
}
.sidebar-nav {
	margin-top: 20px;
}

dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
	background: #f4f4f4;
}

td.actions {
	text-align: center;
	white-space: nowrap;
}
table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}

/* Buttons and button links */
.actions ul li a,
.actions a {
	font-weight:normal;
	padding: 4px 8px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.actions ul li a:hover,
.actions a:hover {
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
.actions ul li a:active,
.actions a:active {
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}

.theme_list li {
	padding: 5px;
}
.theme_list .themes_name {
	margin-right: 10px;;
}
.cities_list li {
	line-height: 2.2;
	margin: 10px;
}
form .required label::after {
    color: #e32;
    content: "*";
    display: inline;
}

/* Top Page */
.latest_list th.col_image {
	width: 25%;
}
.latest_list th.col_name {
	width: 45%;
}
.latest_list th.col_date {
	width: 30%;
}
.latest_list .image_area {
	width: 100%; 
	min-height: 90px;
	text-align: center;
}


/*----------------------------
 一覧画面
----------------------------*/
.pagination .current > a,
.pagination .current > a:hover,
.pagination .current > a:focus,
.pagination .current > span {
	color: #fff;
	background-color: #1e476a;
	border-color: #1e476a;
}

.page-navi-area {
	margint-top: 20px;
	width: height;
}
.page-navi-area::after,
.navigation::after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}

.navigation {
	margin: 20px 0;
}
.navigation .page-goto-area {
	width: 250px;
	float: left;
}
.navigation .page-num-area {
	min-width: 200px;
	float: left;
}
.navigation .page-view-area {
	width: 160px;
	float: left;
}

.page-goto-form {
	float: left;
	padding-right: 0 !important;
	width: 120px;
}
.page-goto-area input.page-goto {
	width: 60px !important;
}
.page-goto-area .page-goto-info {
	float: left;
	text-align: left;
	padding-left: 0 !important;
	height: 34px;
	width: 110px;
	padding: 0;
}
.page-goto-info .page-info {
	vertical-align: middle;
}
.page-goto-info .page-info .max-page {
	font-size: 1.1em;
	font-weight: 500;
}
#jumpButton {
	background-color: #f0f0f0;
}

.grid {
	position: relative;
	margin: 0 auto;
}

.grid::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	background: #fff url(../img/loading.gif) no-repeat 50% 75px;
	background-size: 60px auto;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.grid--loaded::after {
	opacity: 0;
}

.grid-item {
	width: 285px;
	padding: 10px;
}

.search-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.search-nav .btn-submit {
  margin-right: 8px;
  -ms-flex-preferred-size: 153px;
      flex-basis: 153px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.search-nav .btn-reset {
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.search-nav .page-num {
	width: 120px;
	display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.form-group .my-group {
	width: 100%;
}
.form-group .my-group .form-short {
	width: 30%;
}
.form-group .my-group .form-long {
	width: 70%;
}
.theme-list,
.nav-change-image {
	list-style-type: none;
	margin: 0 5px 5px 5px;
	padding-inline-start: 0;
}
.theme-list:after,
.nav-change-image:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.theme-list li,
.nav-change-image li {
	float: left;
}
.nav-change-image li:before {
	content: '|';
	margin: 0 5px;
}
.nav-change-image li:first-child:before {
	content: none;
	margin: 0;
}
.nav-change-image li a {
	text-decoration: underline;
}
.nav-change-image li.active a {
	color: #777;
	cursor: not-allowed;
	text-decoration: none;
}

/*----------------------------
 詳細画面
----------------------------*/
.dig-info {
	margin-top: 15px;
}
.dig-info dt {
	padding-top: 5px;
}
.dig-info dd {
	padding: 0 10px 3px 10px;
}
.tag-edit fieldset {
	margin-bottom: 20px;
}
.tag-edit legend {
	color: #5a5a5a;
	font-size: 16px;
}
.trashview {
	z-index: 999;
	position: 'absolute';
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.6;
}
.thumb_area {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 200px;
}
.thumb_area img {
	max-height: 100%;
}
.label-autotag {
	background-color: #004d80;
	/* margin: 0 5px 5px 0; */
}
.label-autotag:focus, 
.label-autotag:hover {
	background-color: #003050;
}


/*----------------------------
 索引ページ　2019.08.30
----------------------------*/

.collapse_link:before {
  font-family: "Glyphicons Halflings";
  content: "\2212";
  padding-right: 5px;
  font-size: 80%;
}
/* Icon when the collapsible content is hidden */
.collapse_link.collapsed:before {
  content: "\2b";
}

/*----------------------------
 キーワード分類ラベル　2019.08.30
----------------------------*/

.label-type01 {
  background-color: #CB1B45;
}
.label-type01[href]:hover,
.label-type01[href]:focus {
  background-color: #b6183e;
}
#ThemeTypeLabelType option[value="type01"] {
  color: #CB1B45;
}
.label-type02 {
  background-color: #F596AA;
}
.label-type02[href]:hover,
.label-type02[href]:focus {
  background-color: #dc8799;
}
#ThemeTypeLabelType option[value="type02"] {
  color: #F596AA;
}
.label-type03 {
  background-color: #E2943B;
}
.label-type03[href]:hover,
.label-type03[href]:focus {
  background-color: #cb8535;
}
#ThemeTypeLabelType option[value="type03"] {
  color: #E2943B;
}
.label-type04 {
  background-color: #7BA23F;
}
.label-type04[href]:hover,
.label-type04[href]:focus {
  background-color: #6e9138;
}
#ThemeTypeLabelType option[value="type04"] {
  color: #7BA23F;
}
.label-type05 {
  background-color: #33A6B8;
}
.label-type05[href]:hover,
.label-type05[href]:focus {
  background-color: #2d95a5;
}
#ThemeTypeLabelType option[value="type05"] {
  color: #33A6B8;
}
.label-type06 {
  background-color: #6C6A2D;
}
.label-type06[href]:hover,
.label-type06[href]:focus {
  background-color: #615f28;
}
#ThemeTypeLabelType option[value="type06"] {
  color: #6C6A2D;
}
.label-type07 {
  background-color: #947A6D;
}
.label-type07[href]:hover,
.label-type07[href]:focus {
  background-color: #856d62;
}
#ThemeTypeLabelType option[value="type07"] {
  color: #947A6D;
}
.label-type08 {
  background-color: #8B81C3;
}
.label-type08[href]:hover,
.label-type08[href]:focus {
  background-color: #7d74af;
}
#ThemeTypeLabelType option[value="type08"] {
  color: #8B81C3;
}


/*----------------------------
 共通レイアウト調整　2018.07.17
----------------------------*/
body {
	background-color: #f9f9f9;
}
.jumbotron {
	text-align: center;
	background-color: #d6d6d6;
}
.jumbotron h2 {
	margin-bottom: 50px;
}
.well {
	background-color: #dcdcdc;
	border:	1px solid #cccccc;
}
.breadcrumb {
	background-color: #e8e8e8;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #e0e0e0;
}
dl dd:nth-child(4n+2), dl dt:nth-child(4n+1) {
	background-color: #e7e7e7;
}
dl.dig-info dd:nth-child(4n+2), dl.dig-info dt:nth-child(4n+1) {
	background: none;
}
#zoom_image {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

/*----------------------------
 listレイアウト調整　2024.02.22
----------------------------*/
@media (min-width: 768px) {
  .dl-horizontal dt {
    white-space: normal;
  }
}