@charset "UTF-8";
h2{
    margin: 0;
    padding: 0;
}
.kaiyo-opac{
  border: 1px solid #0C5B99;border-radius: 4px;
}

.kaiyo-opac-ttl{
	background-color: #0C5B99;
	color: #FFF;
	/* border-bottom: 2px solid #034B7A; */
	font-size: 40px;
	padding: 15px 20px 0;
	letter-spacing: 0.1em;
}

.kaiyo-opac-ttl span{
    font-weight: normal;
    font-size: 50%;
    padding-left: 0.7em;
    letter-spacing: 0.1em;
}

.kaiyo-opac-body{
    background-color: #0C5B99;
    color: #FFF;
    padding: 10px;
}

/*---窓下のリンク----*/
	.opacsearch_option_links{
		/* padding-top: 15px; */
		padding-right: 10px;
		padding-left: 0px;
		text-align: right;
	}
	.opacsearch_option_links a, .opacsearch_option_links a:link, .opacsearch_option_links a:visited {
		margin-left:10px;
		padding-left:10px;
		background-image: url("../../opac_searches/img/opac_icon.jpg");
		background-position: 0px 3px;
		background-repeat: no-repeat;
		color:#FFFFFF !important;
		cursor: pointer;
		text-decoration:none;
	}
	.opacsearch_option_links a:hover {
		text-decoration:underline;
	}

	.opacsearch_input {
	padding-right:0px;
	text-align:center;
/*	width: -webkit-fill-available; */
	width:-moz-available;
	}


@media(min-width:768px){
	/* パソコン版のCSS */
	.kaiyo-opac-main {
		display:flex; /*横並び*/
		padding-right:10px;
		padding-top:10px;
		padding-bottom:20px;
	}
	.opacsearch_input {
		padding-right:0px;
		text-align:center;
		width: -webkit-fill-available; 
	}
	.kaiyo-opac-ttl-br {
		display:none;
	}
	.opacsearch_buttons {
		display:flex;
		padding-left:0px;
		padding-right:0px;
	}
}
@media(max-width:767px){
	/*スマホ版のCSS */
	.kaiyo-opac-main {
		/* padding-right:10px; */
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
	}

	.opacsearch_buttons {
		/*display:flex;*/
		/*padding-left:10px;*/
		/*padding-right:10px;*/
		padding-top:10px;
		/*text-align:center;*/
	}
		/* OPACで改行　*/
	.kaiyo-opac-ttl-br {
		display:inline;
	}

	.opacsearch_option_links{
		/* padding-right: 10px;*/
		/* padding-left: 0px; */
		text-align: center;
	}

	.kaiyo-opac-ttl{
		text-align: center ;
	}
}

/*---各ボタン----*/
.opacsearch_btn-search {
	color: #fff;
	background-color: #DF6514;
	border-color: #CACACA;
}
.opacsearch_btn-opacsearch {
	color: #fff;
	background-color: #DF6514;
	border-color: #CACACA;
}

.opacsearch_btn-clear {
	color: #fff;
	background-color: #4B9649;
	border-color: #CACACA;
}
.opacsearch_btn-search:hover{
        color: #fff;
        background-color: #ee8c4b;
}
.opacsearch_btn-opacsearch:hover{
	color: #fff;
	background-color: #ee8c4b;
}

.opacsearch_btn-clear:hover{
	color: #fff;
	background-color: #6eb76c;
}

.opacsearch_btn-search:focus{
        color: #fff;
        background-color: #ee8c4b;
        border-color: #CACACA;
}
.opacsearch_btn-opacsearch:focus{
        color: #fff;
        background-color: #ee8c4b;
        border-color: #CACACA;
}
.opacsearch_btn-clear:focus{
	color: #fff;
	background-color: #6eb76c;
	border-color: #CACACA;
}