@charset "UTF-8";

/* ---------------------------------------------------------------------
*
*    ■検索ブロック用（「検索トップ」、「検索結果一覧」再検索）のCSS
*
* ------------------------------------------------------------------- */

/* ■■■■■■■■ 共通 ■■■■■■■■ */

/*========== 検索ボックス ==========*/
#blockSearch {
	width:auto;
}
#blockSearch h3 {
	display:none;
}
#blockSearch form {
	display:block;
}
#blockSearch .wrapper-search {
	width:auto;
	padding:25px 20px 15px;
}

/*検索項目ラベル*/
#blockSearch label.title {
	/*width: 66px;
	width: 9.5%;*/
	width: 10%;
	margin: 0 10px 0 0;
	display: block;
	text-align: right;
	/*line-height:1.0em;*/
	line-height: 1.1em;
}
ul.kwd-and-or {
	margin-left:4px;
	white-space:nowrap;
	display:inline;
}
ul.kwd-and-or li {
	margin-right:10px;
	display:inline-block;
}
ul.kwd-and-or li span {
	margin-left:2px;
}
ul.kwd-and-or label {
	cursor:pointer;
}
input#radioAnd,
input#radioOr {
	margin-right: 1px;
	position: relative;
	top: 1px;
}

#blockSearch span.pattern-en {
	letter-spacing:1px;
}

/*==== 各検索項目 ====*/

#blockSearch .wrapper {
	margin-top:12px;
    display:flex;
    flex-wrap:wrap;
	justify-content:flex-start;
	align-items: center;
}
#blockSearch input {
	color:#333;
}
#blockSearch input[type="text"] {
	height:23px;
	/*margin: 0 30px 0 0;*/
	margin: 0 19px 0 0;
	padding: 2px 4px 2px 5px;
	border: 1px solid #b3b3b3;
	box-sizing:border-box;
}
#blockSearch input[type="checkbox"]  {
	margin: 6px 0px 0 0px;
	position: relative;
	top: 1px;
}

/*#blockSearch .wrapper.checkbox ul,*/
section.wrapper-bunrui,
#blockSearch select,
#blockSearch input[type="text"] {
	min-width: 306px;
	width:45%;
}

#blockSearch .wrapper.checkbox.uni_museum {
	margin-bottom: 18px;
}
#blockSearch .wrapper.checkbox.uni_museum ul li {
	margin-bottom: 5px;
}

@media screen and (min-width: 771px) {
	#blockSearch .wrapper.checkbox:not(.uni_museum) ul {
		width:45%;
	}
	#blockSearch .wrapper.checkbox.uni_museum ul {
		width: calc(100% - 76px);
	}
}


#blockSearch .wrapper.checkbox {
	align-items: stretch;
}
#blockSearch .wrapper.checkbox label.title {
	padding-top: 9px;
}
#blockSearch .wrapper.checkbox ul {
	display: block;
	margin-bottom: 4px;
}
#blockSearch .wrapper.checkbox ul li {
	display: inline-block;
	margin-right: 10px;
}
#blockSearch .wrapper.checkbox ul li input[type="checkbox"] {
	margin-right: 3px
}

#blockSearch input[type="text"].range_value {
	min-width: 131px;
	width:15%;
	margin-right:4px;
}
#blockSearch input[type="text"].range_value:last-child {
	margin-left:4px;
}
#blockSearch select {
	height:23px;
	margin: 0 20px 0 0;
	padding: 1px 1px 1px 5px;
	border: 1px solid #b3b3b3;
	box-sizing:border-box;
}

#blockSearch .wrapper.bunrui label {
	top: 5px;
}
#selected_bunrui_name {
	width:100%;
	height:23px;
	padding: 3px 4px 3px 7px;
	position:relative;
	border: 1px solid #b3b3b3;
	color:#333;
	background:#efefef;
	box-sizing:border-box;
}

/* 分類階層検索 【選択】ボタン */
#blockSearch a#go {
	width:55px;
	height:18px;
	margin-top:4px;
	padding-top: 2px;
	position:absolute;
	right:2px;
	top:-2px;
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	box-sizing:border-box;
	background-color:#222;
	background:linear-gradient(to bottom, #888, #333);
}
#blockSearch a#go:hover {
	background:linear-gradient(to bottom, #000, #000);
}
/* 画像有のみを検索チェックボックス */
label#withImage {
	display:block;
	margin-top:8px;
	/*margin-left:75px;*/
	/*margin-left:calc(9.5% + 10px);*/
	margin-left:calc(10% + 10px);
	vertical-align:text-bottom;
}

/*========== 分類階層検索ポップアップ ==========*/

#popup-header {
	height: 24px;
	padding: 8px;
}
/* 分類を選択してください */
#popup-header h2 {
	padding-top:3px;
	font-size:140%;
	font-weight:bold;
	letter-spacing:0.8px;
}
#popup-header h2 span {
	margin:0px 2px 0 5px;
	color:#666;
}
#popup-body {
   	overflow: auto;
   	height: 400px;
	margin-top:5px;
	padding: 5px 20px 15px 15px;
}
ul.treeview {
	margin-top:10px;
}
ul.treeview li a {
	font-size:110%;
	display: block;
	padding:3px 2px 2px 10px;
	background:#eee;
	box-shadow:1px 1px 2px #999;
	text-shadow:1px 1px 0px #FFF;
}
#modal_message.search_bunrui {
	background-image:none !important;
	background-color:#fff !important;
}
#modal_message p {
	margin-top: 10px;
	margin-bottom: -5px;
	margin-left:45px;
	padding-left:12px;
	font-size:0.8rem;
	letter-spacing:0.5px;
	background: url(../../cmn_img/tree/plus.gif) no-repeat left 2px;
}
.en #modal_message p {
	font-size:0.9rem;
}

/*========== 一覧 再検索 ==========*/

/* その他の検索条件 アコーディオンボタン */
.accordion_head {
	cursor:pointer;
	padding-top:3px;
	padding-left:45%;
}
.accordion_head a {
	margin-left:110px;
	padding-left:15px;
	display:block;
	text-align:left;
	text-decoration:underline;
	white-space:nowrap;
}

@media screen and (max-width: 930px) {
	.accordion_head a {
		margin-left:0px;
	}
}

.accordion_head a.btn-minus {
	background: url(../../cmn_img/button/plus_minus/btn_minus.png) no-repeat left 2px;
}
.accordion_head a.btn-plus {
	background: url(../../cmn_img/button/plus_minus/btn_plus.png) no-repeat left 2px;
}
.accordion_head.open a.btn-plus{
	display:none;
}
.accordion_head.open a.btn-minus{
	display:block;
}
.accordion_head a.btn-minus{
	display:none;
}

#blockSearch {
	position:relative;
}


/* ---------------------------------------------------------------------
*    フロート解除
* ------------------------------------------------------------------- */
#blockSearch:after,
#blockSearch form:after,
#blockSearch .wrapper-search:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
#blockSearch,
#blockSearch form,
#blockSearch .wrapper-search {
	zoom: 1;
}

/* ---------------------------------------------------------------------
*
*    ■フォントサイズ見本（基本サイズ13px）
*    ・10px	77%    ・11px	85%    ・12px	93%    ・13px	100%
*    ・14px	108%   ・15px	116%   ・16px	124%   ・17px	131%
*    ・18px	139%   ・19px	147%   ・20px	154%   ・21px	162%
*    ・22px	170%   ・23px	177%   ・24px	185%   ・25px	193%
*    ・26px	200%
*
* ------------------------------------------------------------------- */