@charset "utf-8";
/* CSS Document */

/* 基本 */
* {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  
  /*color: #333;*/
}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,
blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,
th {font-size: 100%; font-weight:normal; font-style:normal;}
ul,ol { font-size: 100%;list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;font-size: 100%;}
div {font-size: 100%;}
.skip {display:none; text-indent:-9999px;}
.br-clear { clear: both;}

a:link { color: #006699; text-decoration:underline;}
a:visited { color: #333; text-decoration:underline;}
a:active {  text-decoration:none;}
a:hover { text-decoration:none;}

.clearfix:after{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display: inline-block;
}

p {  font-size: 100%;}

/* Hides from IE-mac */
*html.clearfix { height: 1%;}
.clearfix {	display: block;}
/* End hide from IE-mac */



noscript div{
	text-align:center;
	background:#535353;
	margin:20px auto 20px;
	padding:5px;
	max-width:980px;
	color: #fff;

	}
	
	
/* 基本レイアウト */
/*body {
	background: url(../../images/body_bg.png) repeat left top;
}*/

body {
	font-size: 88%;
  line-height:1.6;
}

.container {
	max-width:964px;
	margin: 0 auto;
}
#header {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-rows: auto auto;
    align-items: start;
}

/* 左 */
.title {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  padding: 10px 0;
}

/* 右上 */
#fsizeLink {
  padding-top: 10px;
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

/* 右下 */
#searchForm {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  margin-right: -15px;
}

#searchLink {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
  text-align: right;
}

#searchForm{
	clear: both;
	}
#cse-search-box div{
  display: flex;
  align-items: center;
  margin-top: -3px;
}
#headSearchField{
	border:0;
	width:220px;
	height:32px;
	color:#000;
	padding:0 0 0 5px!important;
	border-color:#000!important;
	background-position:10px center!important;
	border-top:1px solid #000!important;
	border-right:none!important;
	border-bottom:1px solid #000!important;
	border-left:1px solid #000!important;
  box-sizing: border-box;
	}
	
#headSearchButton{
	width: 50px;
	height: 32px;
	padding: 0;
	border:0 ;
	/*background:url(../../images/hdr_btn_search.png) 0 0 no-repeat;
	text-indent: -99999px;
	overflow:hidden;
	font-size: 0px;
	line-height: 0px;*/
  background: #535353;
  color: #FFF;
  cursor: pointer;
  box-sizing: border-box;
	}


/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
    padding:0;
	border-bottom: 2px solid #DD8282;
	background: #FFE4E4;
	
}
nav ul {
    width:920px;
    margin:0 auto;
    padding:0;
	display: flex;
	background: url(../../images/bg_nav.png) no-repeat center right!important;
}
@media screen and (min-width: 769px) {
  nav ul{
	display: flex!important;
    align-items: center;
  }
}

nav li {
    list-style:none;
    margin:0;
    padding:0px 1px 0px;
	background: url(../../images/bg_nav.png) no-repeat center left;
	font-size: 124%;
	text-align: justify;
	text-justify: distribute-all-lines;
	width: 22%;
	/*white-space: nowrap;*/
  height: 100%;
  border-bottom: 2px transparent solid;
}
nav li:nth-child(5n){
  width: 35%;
}


@media all and (-ms-high-contrast: none){
	
	nav ul {
    max-width:980px;
    margin:0 auto;
    padding:0;
	overflow: hidden;
	display: flex;
	background: url(../../images/bg_nav.png) no-repeat center right!important;
}


	nav li {
    list-style:none;
    margin:0;
    padding:0;
	background: url(../../images/bg_nav.png) no-repeat center left;
	font-size: 100%;
	text-align: justify;
	text-justify: distribute-all-lines;
	width: 24%;
	white-space: nowrap;
}
}
nav li a {
    display:block;
    padding:10px;
    color:#402B0C!important;
	font-weight: bold;
    text-align:center;
    text-decoration:none!important;
}

nav li a:hover{
    color:#fff!important;
    text-decoration:none;
	background: #962929;
}

nav li.on a {
    color:#fff!important;
    text-decoration:none;
	background: #962929;
}

nav li.sp {
	display: none;
}

/*nav div,*/
nav #menu-open{
	display: none!important;
}


.main_visal {
	text-align: center;
}



/*蔵書検索*/

#top_searchBox_sp {
	display: none;
}

div#top_searchBox {
	padding-bottom: 1em;
	overflow: hidden;
	border: 1px solid #000;
	border-radius: 5px;
	background: #fff7c7;
}

#top_searchBox h2:before {
	content: url(../../images/icn_top_searchBox.png);
    margin: 10px;
    position: relative;
    top: 2px;
}

div#top_searchBox p {
	margin: 1em 0;
}


#searchinput {
	clear: both;
  display: flex;
  align-items: center;
  margin-bottom: 1px;
}

div#top_searchBox .search_field {
	height: 40px;
	width: 380px;
	margin-left: .5em;
  box-sizing: border-box;
}

div#top_searchBox .search_btn {
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 40px;
	overflow: hidden;
	padding: 0;
	width: 70px;
	background-color: #000;
	color: #fff;
  box-sizing: border-box;
}

ul.searchList {
	clear: both;
	margin-left: .5em;
}

ul.searchList li {
	float: left;
}

ul.searchList li a{
	display: block;
	margin-right: 1em;
	padding: .5em 0 0;
}

ul.searchList li:first-child a{
	margin-left: 0;
}


#main{
	max-width:964px;
	margin: 20px auto 0;
}

#main img.mainheader{
	display:block;
}

#main .main-in {
	max-width:934px;
	padding: 5px 15px 20px;
	/*background: url(https://www.lics-saas.nexs-service.jp/kawanishi/images/main_bg.png) repeat-y center top;*/
}

#main #local-nav{
	width:217px;
	float:left;
}

#main #contents{
	width:700px;
	width:calc(100% - 217px - 20px);
	float:right;
}
#main #contents #pankuzu {
	margin: 8px 0 0;
	font-size: 100%;
}

#main #top-banner a{
	display:block;
	float:left;
	margin: 10px 5px 0;
}

#footer_wrap {
	background: #FFF5F5;
	width: 100% !important;
	border-top: 1px solid #eadbcf;
	padding-bottom: 12px;
}

#footer {
	position: relative;
	max-width:964px;
	margin: 0 auto;
}

#footer .footer-in {
	max-width:934px;
	padding: 15px 15px 5px;
}

#footer .top-footer-pict{
	position: absolute;
	left: 15px;
	top: 20px;
	z-index:1;
}

#footer .footer-pict{
	position: absolute;
	left: 15px;
	top: 15px;
	z-index:1;
}

#footer .footer-in .footer-left {
	float: left;
	padding-left: 80px;
}

#footer .footer-in .top-footer-left {
	float: left;
	margin-left: 90px;
	width:420px;
}

#footer .footer-in .top-footer-left p {
	width: 360px;
}

#footer .footer-in .footer-right {
	float: right;
}

#footer #footer-qr{
	position: absolute;
	left: 460px;
	top: 44px;
	width: 60px;!important
	height:56px; !important
	z-index:1;
}

#footer .footer-btm{
	padding-right: 65px;
}


/*================================================
 *  ページトップへの戻り
 ================================================*/
/*.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: transparent;
    padding: 5px 20px;
    z-index: 100;
    border-radius: 50px;
}
*/

.pagetop{
  text-align: right;
  max-width: 964px;
  margin: 10px auto;
  @media screen and (max-width: 768px) {
  display: none;
    
  }
}

.pagetop a {
    text-decoration: none;
    color: #fff;
}