/*
【備忘録】
idセレクタやclassセレクタなどの具体的・局所的なセレクタは、タイプセレクタや全称セレクタのような全般的なセレクタより優先される
idセレクタはclassセレクタより優先され、タイプセレクタは全称セレクタより優先される（idセレクタ > classセレクタ > タイプセレクタ > 全称セレクタ）
要素を特定したidセレクタ・classセレクタは、要素を特定しないidセレクタ・classセレクタより優先される
優先順位が同じになった場合は、最後に指定したスタイルが適用される
!importantを付けると最優先される
http://www.htmq.com/csskihon/007.shtml
*/


/* 基本タグ情報をまとめる */
/* CLASS情報をまとめる */

*{
	margin: 0px;
	padding: 0px;
}

/* header用スタイル */
#masthead {
	background-image: url(../images/back-pattern-01.png);
	margin-bottom: 0px;
}

/* header用スタイル */
#masthead-inner {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 1000px;
	box-sizing: content-box;
}
/* header-top用疑似要素の設定 */
.header-top::after {
	clear: both;
	display: table;
	content: "";
}
/* エラー画面ヘッダー用スタイル */
#brand .extra>p {
	font-size: 1.1rem;
	color: #ffffff;
}
/* エラー画面ヘッダー用スタイル */
#brand .extra>p:first-child {
	font-size: 2.1rem;
}

/* エラー画面ヘッダー用スタイル */
#brand .site-title {
	background-color: transparent;
	background-image: url(../images/site-title2.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	width: 188px;
	height: 30px;
}
/* エラー画面ヘッダー用スタイル */
#brand .site-title a {
	text-indent: -9999px;
	display: block;
}
/* エラー画面ヘッダー用スタイル */
#brand {
	padding-top: 0px;
	padding-bottom: 14px;
}
/* エラー画面ヘッダー用スタイル */
#brand .extra {
	margin-top: 27px;
	width: auto;
	float: right;
	position: static;
}
/* 未使用
#brand .site-description {
	font-weight: bold;
	color: #e8d5c2;
	text-align: right;
	padding-top: 14px;
	padding-left: 100%;
	padding-right: 100%;
	padding-bottom: 13px;
	margin-left: -100%;
	margin-right: -100%;
	margin-bottom: 0px;
	width: auto;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 10;
} */
/* エラー画面ヘッダー用スタイル */
#brand .site-title {
	margin-top: 23px;
	float: left;
}
/* エラー画面ヘッダー用スタイル */
.branding .extra>p {
	font-size: 1.3rem;
	color: #929292;
	text-align: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* nav用スタイル */
#menu-mainnav {
	text-align: center;
}

/* header用スタイル */
#site-navigation {
	background-image: url(../images/back-pattern-01.png);
	padding-left: 100%;
	padding-right: 100%;
	margin-left: -100%;
	margin-right: -100%;
	margin-bottom: 0px;
	box-shadow: 0px 5px 5px 0px rgba(6, 0, 1, 0.45);
	z-index: 2;
}
/* 未使用
#site-navigation ul ul {
	font-size: 1.2rem;
	background-color: #0e5287;
	border-top-width: medium;
	border-left-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: initial;
	border-left-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
} */
/* header,ulタグ用スタイル */
#site-navigation>ul {
	font-size: 1.3rem;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #abc9f7;
}
/* header,liタグ用スタイル */
#site-navigation>ul>li {
	padding-right: 1px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #abc9f7;
}
/* header,現在の画面とヘッダーのリンク先が同じ場合 */
#site-navigation>ul>li.current_page_item>a {
	background-color: #1164a5;
	pointer-events: none; /* aタグのリンクを無効にする */
	cursor: default; /* マウスオーバー時のカーソルをdefaultに固定 */
	text-decoration: none; /* 下線等を消す。 */
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #abc9f7;
}
/* header,ulタグ用スタイル */
.site-navigation.horizontal ul {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-position: outside;
}
/* header,aタグ用スタイル */
.site-navigation.horizontal ul li>a {
	text-decoration: none;
}
/* header,aタグ用スタイル */
#site-navigation>ul>li>a {
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	padding-top: 20px;
/* 	padding-left: 21px; */
/* 	padding-right: 21px; */
/* 	padding-bottom: 20px; */
	text-align: center;
	display: block;
}
/* header,aタグにカーソルを合わせた場合 */
#site-navigation>ul>li>a:hover {
	background-color: #1164a5;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #abc9f7;
}
#site-navigation>ul>li>ul>li>a:hover {
	background-color: #1164a5;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #abc9f7;
}
/* header,ulタグ用疑似要素の設定 */
.site-navigation.horizontal>ul::after {
	clear: both;
	display: table;
	content: "";
}
/* header,liタグ用スタイル */
.site-navigation.horizontal>ul>li {
	float: left;
	position: relative;
}

/* ナビゲーションメニュー */
.menu-item a {
  align-items: center;
  color: #fff; /* メニューアイテム内のリンクテキストの色 */
  display: flex;
  height: 50px;
  justify-content: center;
  text-decoration: none; /* リンクの下線を非表示 */
  width: 150px;
}

/****************************************************************************************************/

/* nav用スタイル */
.nav-under {
	display: block;
	position: relative;
	box-sizing: border-box;
}
/* 非表示h1タグ用スタイル */
.site-navigation .nav-toggle {
	display: none;
	cursor: pointer;
}
/* 非表示aタグ用スタイル */
.screen-reader-navtext {
	display: none;
}


/* コンテンツエリア全体用スタイル */
#main {
	background-color: #fbf2e9;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 1000px;
	box-sizing: content-box;
	min-height: 605px;
}
/* header */
#headermain {
	background-color: #fbf2e9;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 1000px;
	box-sizing: content-box;
/* 	min-height: 605px; */
}
/* 未使用
#main-inner #contenthead>nav {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
} */
/* メニュー画面,メインエリア用スタイル */
.main-page#page-content {
	background-color: #fffbf7;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 13px;
}
/* 未使用
#mes {
	margin-top: 0px;
	margin-bottom: 19px;
} */
/* 管理画面,段落名称用 */
p.large {
	font-size: 1.2em;
}
/* メニュー画面,メインエリアメッセージ用 */
p.large-18 {
	font-size: 1.8em;
}


/* footer用スタイル */
#colophon {
	font-size: 1.2rem;
	background-image: url(../images/back-pattern-01.png);
}
/* footerメインエリア用スタイル */
#colophon-main {
	background-color: transparent;
	text-align: center;
	/* 		padding-top: 11px;
		padding-bottom: 10px;
 */
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/* footer,ulタグ用スタイル */
#colophon-main>ul {
	font-size: 1.3rem;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* footer,liタグ用スタイル */
#colophon-main>ul>li {
	margin-right: 0px;
	display: inline-block;
}
/* 未使用
#colophon-main>ul>li.current_page_item>a {
	text-decoration: none;
	pointer-events: none; aタグのリンクを無効にする
	cursor: default; マウスオーバー時のカーソルをdefaultに固定
	text-decoration: none; 下線等を消す。
} */
/* footer,aタグ用スタイル */
#colophon-main>ul>li:first-child>a {
	padding-left: 0px;
	margin-left: 0px;
	border-left-width: medium;
	border-left-style: none;
	border-left-color: initial;
}
/* footer,aタグ用スタイル */
#colophon-main>ul>li>a {
	font-weight: bold;
	line-height: 1;
	/* 		color: #9c1e1a; */
	color: #ffffff;
	padding-left: 5px;
	margin-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #787878;
	display: block;
}
/* footer,aタグにカーソルを合わせた場合 */
#colophon-main>ul>li>a:hover {
	text-decoration: none;
}
/* footer,ulタグ用スタイル */
.footer-inner .footer-main ul {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-position: outside;
}
/* footer,非表示h1タグ用スタイル */
.footer-main .footmenu-toggle {
	display: none;
	cursor: pointer;
}
/* footer用スタイル */
#colophon-container {
	color: #ffffff;
	/* 	padding-top: 10px; */
	padding-top: 0px;
	padding-bottom: 0px;
	clear: both;
	position: relative;
}
/* footer,コピーライト用スタイル */
#colophon-container .copyright {
	font-size: 1.1rem;
	text-align: center;
	color: #ffffff;
}
/* 未使用
#coophon-container a {
	color: #ffffff;
} */
/* footer,コピーライト用スタイル */
#colophon-container>* {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* footer,コピーライト用スタイル */
#colophon-container>*:first-child {
	margin-top: 0px;
}
/* footer,非表示aタグ用スタイル */
.screen-reader-foottext {
	display: none;
}

/*page-top用疑似要素の設定*/
.part-top::after {
	clear: both;
	display: table;
	content: "";
	}

/* footer用スタイル */
#colophon {
	font-size: 1.2rem;
	background-image: url(../images/back-pattern-01.png);
	display:block;
	height:50px;
}
/* メインコンテンツエリア用スタイル */
#content {
	min-height: 50px;
}

/* main-inner用疑似要素の設定 */
#main-inner::after {
	clear: both;
	display: table;
	content: "";
}
/* main用疑似要素の設定 */
#main::after {
	clear: both;
	display: table;
	content: "";
}
/* ヘッダー用スタイル */
#masthead {
	background-image: url(../images/back-pattern-01.png);
	margin-bottom: 0px;
}
/* 画面全体用スタイル */
#page {
	font-size: 1.4rem;
}
/* 未使用
#sidebar1 {
	font-size: 1.2rem;
}

#sidebar2 {
	font-size: 1.2rem;
} */
/* 全ての要素に適用 */
* {
	box-sizing: border-box;
}
/* 未使用
.hpb-viewtype-full>article::after {
	clear: both;
	display: table;
	content: "";
}

.hpb-viewtype-simple>article::after {
	clear: both;
	display: table;
	content: "";
}

.hpb-viewtype-thumbnail>article::after {
	clear: both;
	display: table;
	content: "";
}

.navigation-post::after {
	clear: both;
	display: table;
	content: "";
} */
/* 利用案内、利用規約画面　ヘッダー非表示aタグ用スタイル */
.screen-reader-text {
	display: none;
}
/* 未使用
.searchform::after {
	clear: both;
	display: table;
	content: "";
} */
/* block-containerクラス用スタイル */
.block-container {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/***********************************************************************
/*isbn用テーブル*/
 /***********************************************************************/
/* バーコード貸出画面用スタイル */
#isbn_table {
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing: 0px 0px;
}
/* バーコード貸出画面、メッセージ用スタイル */
#isbn_h1 {
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	vertical-align: top;
	width: auto;
	padding:0px 0px 10px 50px;
}
/* バーコード貸出画面、入力画面用スタイル */
#code_input_td {
	vertical-align: top;
	height: 30px;
	width: 30%;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	padding:0px 0px 0px 50px;
}
/* バーコード貸出画面、検索ボタン用スタイル */
#code_serch_td {
	height: 30px;
	vertical-align: top;
	padding: 0px;
	text-align: left;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	width: 250px;

}
/* バーコード貸出画面、戻るボタン用スタイル */
#top_rtrn_td {
	text-align: center;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	padding: 0px;
}

/***********************************************************************
/*図書返却、返却確認用テーブル*/
 /***********************************************************************/
/* 図書返却画面、入力画面用スタイル */
#kye_input_td {
	width: 420px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
}
/* 図書返却画面、検索ボタン用スタイル */
#book_serch_td {
	padding: 0px;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	text-align: left;
	width: auto;
}
/* 図書返却画面、メッセージ用スタイル */
#input_des_td {
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	font-size: 1.1em;
	width: auto;
}

/***********************************************************************
/*図書登録用テーブル*/
 /***********************************************************************/
/* 図書登録、管理画面,パスワード入力画面用スタイル */
#lst_table {
	height: 502px;
	padding: 0px;
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing: 0px 0px;
}
/* 図書登録、管理画面,パスワード入力画面、メッセージ用スタイル */
#lst_h1 {
	padding: 0px;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	text-align: center;
	width: auto;
}
/* 図書登録、管理画面,パスワード入力画面、テキストボックス,ボタン配置用スタイル */
#input_login_back {
	padding: 0px;
	text-align: center;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
}
/* 図書登録、管理画面,パスワード入力画面、戻る、ログインボタン用スタイル */
.lst_btn {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-top: 15px;
}
/* 未使用
#　isbn_under{
	color:red;
	padding:0px 0px 10px 0px;
	font-size:1.8em;
}

#loaned {
	padding: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
} */
/***********************************************************************
/*QA用*/
 /***********************************************************************/
 /* 未使用
#qa_back{
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-top: 15px;
	min-width: 100px;
	position: relative;
	cursor: pointer;
} */

/***********************************************************************
/*管理画面*/
 /***********************************************************************/
/* 管理画面のテーブルタグ用 */
 #ctrl_table {
 	width: 100%;
 	height: 60px;
 	vertical-align: top;
 	padding: 0px;
 	border-collapse: collapse;
 	border-spacing: 0px 0px;
 }
/* 管理画面のh1タグ用 */
#ctrl_h1_td {
	text-align: left;
	padding: 0px;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	width: auto;
}
/* 管理画面の戻るボタン用 */
#ctrl_top_td {
	text-align: right;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	width: auto;
}
/* 管理画面のページコンテンツ用スタイル */
#page-content.block-container.ctrl-main {
/* 	 height: 230px; */
	 width: 100%;
	 vertical-align: top;
}

/***********************************************************************
/* 画面共通 */
/***********************************************************************/
/* ローディング時に画面を非表示にする */
#page-container{display:none;}
/* 画面ローディング用 */
#page-loading{
 	position:absolute;
	left:50%;
	top:50%;
	margin-left:-30px;
}

/***********************************************************************
/*帳票*/
/***********************************************************************/
/* 未使用
#report_back　{
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
	Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	color: #555555;
	background-color: #dcdada;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-top: 15px;
}

#report_print　{
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
	Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	color: #555555;
	background-color: #dcdada;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-top: 15px;
} */
/* 帳票画面、ローディング用スタイル */
#loading{
    width: 100%;
    height: 100%;
    position: fixed;
	display: none;
	z-index: 10;
}
/* 帳票画面、ローディング用スタイル */
#loading2{
    width: 100%;
    height: 100%;
    position: fixed;
	filter: opacity(80%);	/* IE向け */
	opacity: 0.8;			/* Safari・Opera向け */
	-moz-opacity: 0.8;		/* FireFox向け */
	background: #000000;
	z-index: 20;
}

/* 「印刷中です。」の画像 */
#printLoading{
	position: fixed;
	margin: 220px;
	margin-left: 450px;
	z-index: 50;
}

/* 印刷画像のサイズ指定 */
#printer{
	position: static;
	width: auto;
	height: 60px;
}

/* PDFを開くボタンのサイズ指定 */
#btnPdfOpen{
	font-size:1.8rem;
	width: 130px;
	padding: 10px 10px 10px 10px;
 	color: #000000;
	margin-top: 0px;
	text-align: center;
	vertical-align:middle;
	}
/* ダウンロードボタンのサイズ指定 */
#btnDownLoad{
	font-size:1.8rem;
	width: 130px;
	padding: 10px 10px 10px 10px;
 	color: #000000;
	margin-top: 0px;
	text-align: center;
	vertical-align:middle;
	}

/* ローディング */
/*#image.spinner {
  position: fixed;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 0, 0, 1);
  vertical-align:middle;
  margin: 200px;
  margin-left: 250px;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
  z-index: 50;
}*/
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle {
  margin: 220px;
  margin-left: 350px;
  position: fixed;
  width: 90px;
  height: 90px;
  vertical-align:middle;


}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #ffffff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  z-index: 50;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
/* 帳票画面、ローディング用スタイル */
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
/* ローディングのアニメーションを指定 */
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}
/* ローディングのアニメーションを指定 */
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}
/***********************************************************************/
/* 共通テーブル内タグ */
/***********************************************************************/
/* トップのテーブル */
#main_top_table {
	width: 100%;
	vertical-align: top;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
}

/* トップの大見出し */
#main_top_h1 {
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	width: auto;
}
/* ISBN確認画面の大見出し */
#main_top_h1_2 {
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	width: 680px;
}
/* 図書取込画面用のスタイル */
#main_top_center {
	padding: 0px;
	text-align: center;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
}

/* マスタ、図書貸出、まとめて貸出、図書返却、貸出確認、返却確認 */
#tblList .tblBookList{
	width: 100%;
}
/* 図書貸出、まとめて貸出、図書返却、まとめて貸出確認、返却確認画面の本の画像用スタイル */
.cover_small{
	width: 70px;
	height: auto;
}
/* 貸出確認、バーコード貸出確認、図書情報詳細画面の本の画像用スタイル */
.caver_large{
	width: 75%;
	height: auto;
}

/* 一覧カラム（フロント） 共通スタイル */
/* トップのボタン */
#main_top_td {
	padding: 0px;
	text-align: right;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	margin-top: 0px;
}
/* イメージ */
#book_check_td {
	vertical-align: middle;
	text-align: center;
	width: 100px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
/* 図書情報 */
#book_info_td{
	width: 510px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}
/* 返却予定日 */
#yotei_td {
	width: 150px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}
/* 保管期限 */
#kigen_td {
	width: 150px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}

/* 一覧レコード（フロント） 共通スタイル */
/* 背景、ポインタ表示 */
#book_item_tr {
	background-color: #ffffff;
	cursor: pointer;
}


/*********************************************************************
* メニュー画面(掲示板)
**********************************************************************/
/* 掲示板情報 */
#board_base{
	background-image: url("../images/header-board.png");
	height: 330px;
}
/* 掲示板タイトル */
#board_tittle{
	width: 75%;
	margin: 0px 30px 0px 40px;
	border-top: transparent 15px solid;
	font-size: 38px;
	color: #FFFFFF;
}
/* 掲示板掲載内容用スタイル */
#board_content {
	width: 75%;
	height: 230px;
	overflow-y: scroll;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	max-width: 100%;
	}
/* 掲示板テーブル用スタイル */
#board_table {
	padding: 0px;
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	border:none;
    margin-left: 35px;
    word-break: break-all;
}
/* 掲示板掲載拠点名用スタイル */
#board_base_td{
	width: 20%;
    vertical-align: text-top;
	text-align:left;
}
/* 掲示板掲載内容用スタイル */
#board_info_td{
	text-align: left;
    vertical-align: text-top;
    max-width: 80%;
	padding-left: 5px;
}
/* 掲示板掲載拠点名用スタイル */
#board_base_td > .tblboardbase{
	text-align:left;
    vertical-align: text-top;
    font-size: 1.2em;
}
/* 掲示板 改行用スタイル */
#tblboardmemo > p{
	white-space: pre-wrap;
}
/* 掲示板 hoverタグ用スタイル */
#board_item_tr:hover{
	background: #f0ffff;
	opacity: 0.9;  /*透明度0~1の間*/
}

/* 拠点名称レイアウト */
.tblboardbase > p{
	text-shadow:
 		2px  2px 2px #003366,
 		-2px  2px 2px #003366,
 		2px -2px 2px #003366,
 		-2px -2px 2px #003366,
 		2px  0px 2px #003366,
 		0px  2px 2px #003366,
 		-2px  0px 2px #003366,
 		0px -2px 2px #003366;        /*文字の影 */
}

/* 掲載文レイアウト */
#tblboardmemo > p{
	text-shadow:
		2px  2px 2px #003366,
		-2px  2px 2px #003366,
		2px -2px 2px #003366,
		-2px -2px 2px #003366,
		2px  0px 2px #003366,
		0px  2px 2px #003366,
		-2px  0px 2px #003366,
		0px -2px 2px #003366;        /* 文字の影 */
}

/* 掲載終了日レイアウト */
#tblboarddt > p{
	display: inline-block;
	text-shadow:
		2px  2px 1px #003366,
		-2px  2px 1px #003366,
		2px -2px 1px #003366,
		-2px -2px 1px #003366,
		2px  0px 1px #003366,
		0px  2px 1px #003366,
		-2px  0px 1px #003366,
		0px -2px 1px #003366;        /* 文字の影 */
}
/* 掲示板掲載内容用スタイル */
.board-style{
	font-size: 1.6em;
	color: #ffffff;
	margin: 10px;
}

/* スクロールバー横幅のスタイル */
.block-container#board_content::-webkit-scrollbar{
  width: 15px;
/*   display:none; */
}

/* スクロールバー背景・枠のスタイル */
.block-container#board_content::-webkit-scrollbar-track{
  border: none;
  border-radius: 15px;
  box-shadow: inset 0 0 2px #fff;
}

/* スクローバーの掴み部分のスタイル */
.block-container#board_content::-webkit-scrollbar-thumb{
  background: #E0FFFF;
  border-radius: 10px;
  box-shadow: none;
}
/***********************************************************************
/* 掲示板メンテナンス */
 /***********************************************************************/
 /* 掲示板タイトル、メニュー画面切り替え用スタイル */
 .board_set_area {
	border: solid;
	border-width: 1px;
	border-style: solid;
}
 /* 掲示板タイトル、メニュー画面切り替え用スタイル */
.sub_content_area {
	display: inline-flex;
	padding: 20px;
	background-color: #FFFFFF;
}
/* 掲載文用スタイル */
#board_memolst > .texts{
	resize: none;
	width:100%;
	height:60px;
}
/* 掲示板タイトル用スタイル */
.title_label {
	display: block;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
/* メニュー切り替え用スタイル */
.switchi_label {
	display: block;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
/* 掲示板タイトル、入力画面用スタイル */
#board_title {
/* 	border: none; */
/* 	outline: none; */
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 365px;
	font-size: 1.5rem;
}
/***********************************************************************
/* エラー関連 */
 /***********************************************************************/

/* 選択エラー */
#select_err {
	color: red;
	padding: 0px 0px 10px 0px;
	font-size: 1.8em;
}
/* 管理画面、バーコード貸出画面、図書登録画面,入力エラー */
#err_mes {
	color: red;
	margin-top: 15px;
}
/* ISBN貸出画面　エラーメッセージ*/
#err_mes_isbn {
	color: red;
	font-size: 2.6rem;
	margin-top: 0px;
	padding:0px 0px 0px 10px;
}
/* エラー項目*/
.err_item {
	background: #ffff80;
}
/* 未使用
#dummy_table {
	border: none;
	padding: 0px;
}

#dummy_h1 {
	border: none;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	background: none;
}
#dummy_h1_right {
	border: none;
	padding: 0px;
	text-align: right;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	background: none;
}

#dummy_h1_center {
	border: none;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	font-size: 2.8rem;
	font-weight: bold;
	color: #62492a;
	background: none;
}


#dummy_h1_right input {
	margin: 0px;
	min-width: 132px;
}

.block-container>h1 {
	font-size: 2.4rem;
}

.block-container>h2 {
	font-size: 1.8rem;
}

.block-container>h3 {
	font-size: 1.5rem;
}

.block-container>h4 {
	font-size: 1.4rem;
}

.block-container>h5 {
	font-size: 1.3rem;
}

.block-container>h6 {
	font-size: 1.1rem;
}

.block-container>hr {
	color: #e2e2e2;
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	border-top-width: 1px;
	border-left-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: #e2e2e2;
	border-left-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	height: 1px;
} */
/* 管理画面、帳票画面、CSV出力画面,メインコンテンツの段落名称用スタイル */
.block-container>p {
	font-size: 1.3rem;
	line-height: 1.5;
	text-align: justify;
	padding-left: 0.1em;
	padding-right: 0.1em;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	text-justify: inter-ideograph;
}
/* 未使用
.block-container>p.indent {
	padding-left: 1em;
} */
/* 管理画面,段落名称用　※271行目に同じ記載あり */
.block-container>p.large {
	font-size: 1.2em;
}
/* 未使用
.guide-container>h2 {
	font-size: 2.8rem;
} */
/* パンくずリスト用スタイル */
.bread-crumb div {
	padding-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	width: auto;
	display: inline-block;
}
/* 未使用
.button {
	width: 122px;
}

.button a {
	text-decoration: none;
	text-align: center;
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
	border-right-color: #f0f0f0;
	border-bottom-color: #f0f0f0;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	height: 100%;
	display: block;
	box-sizing: border-box;
}

.button a:hover {
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d8d8d8;
	border-left-color: #d8d8d8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
}

.column>.column-body {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
} */

/* input用スタイル */
.form input {
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	padding-right: 5px;
}
/* inputタイプdate用スタイル */
.form input[type="date"] {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 90%;
}
/* inputタイプradio用スタイル */
.form input[type="radio"] {
	vertical-align: middle;
	width: 20px;
}
/* inputタイプsubmit用スタイル */
.form input[type="submit"] {
	font-size: 1.4rem;
	color: #555555;
	background-color: #dcdada;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	/*margin-top: 15px;*/
	min-width: 100px;
	/* float: right; */
	position: relative;
	cursor: pointer;
	/*margin-top: 15px;*/
}
/* inputタイプtext用スタイル */
.form input[type="text"] {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 90%;
}
/* inputタイプemail用スタイル */
.form input[type="email"] {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 90%;
}
/* inputタイプtel用スタイル */
.form input[type="tel"] {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 90%;
}
/* 個別ボタンスタイル */
.sru_api_btn {
	font-size: 1.4rem;
	color: #555555;
	background-color: #dcdada;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	/*margin-top: 15px;*/
	min-width: 100px;
	/* float: right; */
	position: relative;
	cursor: pointer;
	/*margin-top: 15px;*/
}

/* textarea用スタイル */
.form textarea {
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
/* 未使用
.form textarea[name="message"] {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 90%;
	height: 150px;
} */
/* part-top用スタイル */
.part-top {
	display: block;
	position: relative;
	box-sizing: border-box;
}


/* header用スタイル */
.site-navigation {
	color: black;
	background-color: white;
}
/* 利用案内画面、利用規約・個人情報保護方針、h1タグ用 */
.site-navigation .menu-toggle {
	display: none;
	cursor: pointer;
}
/* 未使用
.site-navigation.vertical {
	font-size: 1.3rem;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d2c9b8;
	border-bottom-color: #d2c9b8;
	width: 100%;
}

.site-navigation.vertical ul {
	line-height: 30px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-position: outside;
}

.site-navigation.vertical ul li.current-menu-ancestor>a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}

.site-navigation.vertical ul li.current-menu-item>a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}

.site-navigation.vertical ul li.current_page_ancestor>a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}

.site-navigation.vertical ul li.current_page_item>a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
	pointer-events: none; aタグのリンクを無効にする
	cursor: default; マウスオーバー時のカーソルをdefaultに固定
	text-decoration: none; 下線等を消す。
}

.site-navigation.vertical ul li>a {
	text-decoration: none;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	display: block;
}

.site-navigation.vertical ul li>a:active {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}

.site-navigation.vertical ul li>a:hover {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}

.site-navigation.vertical ul ul li>a {
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.site-navigation.vertical>ul {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 100%;
}

.site-navigation.vertical>ul>li {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
}

.site-navigation.vertical>ul>li:hover>ul {
	display: block;
	width: 300px;
} */
/* 図書登録画面テーブル用スタイル */
.table {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #d8d8d8;
	border-left-color: #d8d8d8;
	width: 300px;
	display: table;
	border-collapse: collapse;
}
/* 図書登録画面テーブルtdタグ用スタイル */
.table>*>tr>td {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
}
/* 図書登録画面テーブルthタグ用スタイル */
.table>*>tr>th {
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
}
/* 未使用
.table>*>tr>th.col-title {
	background-color: rgba(0, 0, 0, 0.0625);
} */
/* 図書登録画面テーブルthタグ用スタイル */
.table>*>tr>th.row-title {
	background-color: rgba(0, 0, 0, 0.0625);
	width: auto;
	text-align: center;
}

/* 貸出画面行頭文字検索用スタイル */
a {
	color: #9c1e1a;
	outline-width: medium;
	outline-style: none;
	outline-color: black;
}
/* 貸出画面行頭文字検索用スタイル */
a:hover {
	text-decoration: none;
}
/* 貸出画面行頭文字検索用スタイル */
a.topLink {
	font-size: 32px;
	padding-right: 16px;
}
/* カテゴリー検索画面用スタイル */
a.categoryButton {
    background: #e8d5c2;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 16px;
    width: 200px;
    height: 100px;
    padding: 10px 25px;
    color: #62492a;
    transition: 0.3s ease-in-out;
    font-weight: 100;
    font-size: 30px;
    text-decoration: none;
    text-align: center;
}
a.categoryButton_blank {
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 16px;
    width: 200px;
    height: 100px;
    padding: 10px 25px;
    color: #62492a;
    transition: 0.3s ease-in-out;
    font-weight: 100;
    font-size: 30px;
    text-decoration: none;
    text-align: center;
}
div .categoryButtonDiv{
	display: flex;
	padding: 10px;
	justify-content: center;
}
/* articleタグ用スタイル */
article {
	display: block;
}
/* 未使用
aside {
	display: block;
} */
/* bodyタグ用スタイル */
body {
	font-size: 1.3rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	line-height: 1.5;
	color: #62492a; /* 文字色 */
	background-color: #e8d5c2; /* 背景色 */
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	word-wrap: break-word;
}
/* 未使用
details {
	display: block;
}

dl {
	margin-top: 0px;
	box-sizing: border-box;
}

figcaption {
	display: block;
}

figure {
	display: block;
} */
/* footerタグ用スタイル */
footer {
	display: block;
}
/* h1タグ用スタイル */
h1 {
	margin-top: 0px;
	box-sizing: border-box;
}
/* h2タグ用スタイル */
h2 {
	margin-top: 0px;
	box-sizing: border-box;
}
/* 未使用
h3 {
	margin-top: 0px;
	box-sizing: border-box;
}

h4 {
	margin-top: 0px;
	box-sizing: border-box;
}

h5 {
	margin-top: 0px;
	box-sizing: border-box;
}

h6 {
	margin-top: 0px;
	box-sizing: border-box;
} */
/* headerタグ用スタイル */
header {
	display: block;
}
/* 未使用
hgroup {
	display: block;
} */
/* htmlタグ用スタイル */
html {
	font-size: 62.5%;
	padding-bottom: 0px;
}
/* imgタグ用スタイル */
img {
	max-width: 100%;
	height: auto;
}
/* 未使用
main {
	display: block;
} */
/* navタグ用スタイル */
nav {
	display: block;
	box-sizing: border-box;
}
/* olタグ用スタイル */
ol {
	margin-top: 0px;
	box-sizing: border-box;
}
/* pタグ用スタイル */
p {
	margin-top: 0px;
	box-sizing: border-box;
}
/* 未使用
section {
	display: block;
}

summary {
	display: block;
} */
/* tableタグ用スタイル */
table {
	padding: 0px;
	margin-top: 0px;
	box-sizing: border-box;
}
/* ulタグ用スタイル */
ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	box-sizing: border-box;
}
/* footer用スタイル */
#colophon-inner {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 1000px;
	box-sizing: content-box;
}
/* コンテンツエリア全体用スタイル */
#main {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 1000px;
	box-sizing: content-box;
}
/* 未使用
#main-inner {
	float: left;
}
#main-inner #contenthead>nav {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
} */
/* ページヘッダー用スタイル */
#masthead {
	margin-bottom: 0px;
}
/* ページヘッダー用スタイル */
#masthead-inner {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 1000px;
	box-sizing: content-box;
}
/* ページ用スタイル */
#page {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	overflow: hidden;
}
/* 未使用
.home #contenthead {
	margin-bottom: 10px;
}
.branding {
	padding-top: 20px;
}
.branding .extra {
	width: 50%;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.branding .extra>p {
	font-size: 1.3rem;
	color: #929292;
	text-align: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.branding .extra>p.indent {
	padding-left: 1em;
}
.branding .extra>p.large {
	font-size: 1.5rem;
}

.branding .site-description {
	text-align: right;
	width: 100%;
	height: auto;
	position: absolute;
	top: 15px;
}
.branding .site-title {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 66px;
	float: left;
}
.branding .site-title a {
	height: 100%;
	display: block;
} */
/* header,ulタグ用スタイル */
.site-navigation.horizontal ul {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-position: outside;
}
/* 未使用
.site-navigation.horizontal ul li.current-menu-ancestor>a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}
.site-navigation.horizontal ul li.current-menu-item>a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}
.site-navigation.horizontal ul li.current_page_ancestor>a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}
.site-navigation.horizontal ul li.current_page_item>a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
	pointer-events: none; aタグのリンクを無効にする
	cursor: default; マウスオーバー時のカーソルをdefaultに固定
	text-decoration: none; 下線等を消す。
}
.site-navigation.horizontal ul li>a {
	text-decoration: none;
}
.site-navigation.horizontal ul li>a:active {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}
.site-navigation.horizontal ul li>a:hover {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.3);
}
.site-navigation.horizontal ul ul {
	background-color: #ffffff;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: medium;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-top-color: #3c3f53;
	border-left-color: #3c3f53;
	border-right-color: #3c3f53;
	border-bottom-color: initial;
	width: auto;
	min-width: 150px;
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 9999;
}
.site-navigation.horizontal ul ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3c3f53;
	width: 100%;
	white-space: nowrap;
}
.site-navigation.horizontal ul ul li>a {
	padding-top: 5px;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 5px;
	display: block;
} */
/* header,ulタグ用疑似要素の設定 */
.site-navigation.horizontal>ul::after {
	clear: both;
	display: table;
	content: "";
}
/* header,liタグ用スタイル */
.site-navigation.horizontal>ul>li {
	float: left;
	position: relative;
	width: 15%;
}
/* header,liタグ 利用案内リンク用スタイル */
.site-navigation.horizontal>ul>li.menu-item-qa {
	float: left;
	position: relative;
	width: 10%;
}
.site-navigation.horizontal>ul>li.menu-item-qa>a {
	padding-bottom: 17px;
}
/* 未使用
.site-navigation.horizontal>ul>li.menu-item-non-barcode {
	float: left;
	position: relative;
	width: calc(99.9% / 6);
}
.site-navigation.horizontal>ul>li:hover {
	position: relative;
}

.site-navigation.horizontal>ul>li>a {
	padding-top: 0.5em;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	display: block;
}
.site-navigation.minimal {
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.site-navigation.minimal ul {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-position: outside;
}
.site-navigation.minimal ul li:last-child {
	margin-right: 0px;
}
.site-navigation.minimal ul li>a:active {
	text-decoration: underline;
}
.site-navigation.minimal ul li>a:hover {
	text-decoration: underline;
}
.site-navigation.minimal>ul li {
	margin-right: 10px;
	display: inline;
}
.site-navigation.minimal>ul ul {
	margin-left: 10px;
	display: inline;
}
.yahoo-map {
	width: 400px;
	min-height: 300px;
} */
/* bodyタグ用スタイル */
body {
	min-width: 1000px;
}


/*********************************************************************
* カスタマイズ
**********************************************************************/
/* まとめて貸出、図書返却画面チェックマーク用スタイル */
.checkMark {
	position: absolute;
	top: 0;
	left: 0
}
/* 貸出確認画面thタグ用スタイル */
.confirmTable th {
	font-size: 2.0rem;
}
/* 貸出確認画面tdタグ用スタイル */
.confirmTable td {
	font-size: 2.0rem;
}
/* 未使用
.editTable th {
	font-size: 1.4rem;
	width: 100px;
}

.editTable td {
	font-size: 1.4rem;
} */


/*********************************************************************
* カスタマイズ　ここまで
**********************************************************************/
/* コンテンツ用スタイル */
#content {
	width: 100%;
	float: right;
}
/* ヘッダーコンテンツ用スタイル */
#contenthead {
	width: 1000px;
}
/* コンテンツ用スタイル */
#main-inner {
	padding-left: 20px;
	padding-right: 20px;
	width: 1000px;
}

/* form-1用スタイル */
#form-1 {
	margin-bottom: 25px;
}
/* 未使用
#form-1>input {
	width: 100%;
}

#form-1>input[type="submit"] {
	font-size: 1.3rem;
	line-height: 1;
	color: #ffffff;
	background-color: #665c51;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	border-top-width: medium;
	border-left-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: initial;
	border-left-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	width: auto;
	float: right;
} */
/* 貸出確認画面、図書情報詳細画面テーブル用スタイル */
#form-1>table {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d8d8d8;
	border-left-color: #d8d8d8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
	width: 100%;
	border-collapse: collapse;
}
/* 貸出確認画面、図書情報詳細画面,td用スタイル */
#form-1>table td {
	background-color: #ffffff;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
/* 	border-left-style: solid; */
/* 	border-right-style: solid; */
	border-bottom-style: solid;
	border-top-color: #d8d8d8;
	border-left-color: #d8d8d8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
}
/* 貸出確認画面、図書情報詳細画面,th用スタイル */
#form-1>table th {
	font-weight: bold;
	color: #787878;
	background-color: #f8f2e2;
	vertical-align: top;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d8d8d8;
	border-left-color: #d8d8d8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
	min-width: 150px;
}
/* 未使用
#form-1>textarea[name="message"] {
	width: 100%;
} */
/* まとめて貸出画面、ユーザ情報用スタイル */
#form-2 {
	margin-bottom: 25px;
}
/* 未使用
#form-2>input {
	width: 100%;
}

#form-2>input[type="submit"] {
	font-size: 1.3rem;
	line-height: 1;
	color: #ffffff;
	background-color: #665c51;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	border-top-width: medium;
	border-left-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: initial;
	border-left-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	width: auto;
	float: right;
} */
/* まとめて貸出画面、テーブル用スタイル */
#form-2>table {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d8d8d8;
	border-left-color: #d8d8d8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
	table-layout: fixed;
	border-collapse: collapse;
}
/* まとめて貸出画面、td用スタイル */
#form-2>table td {
	background-color: #ffffff;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d8d8d8;
	border-left-color: #d8d8d8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
}
/* まとめて貸出画面、th用スタイル */
#form-2>table th {
	font-weight: bold;
	color: #787878;
	background-color: #f8f2e2;
	vertical-align: top;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d8d8d8;
	border-left-color: #d8d8d8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
	min-width: 150px;
}
/* 未使用
#form-2>textarea[name="message"] {
	width: 100%;
}

#block-container-1 {
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 0px;
	clear: both;
	position: relative;
}

#block-container-1 .copyright {
	font-size: 1.1rem;
	text-align: center;
}

#block-container-1 a {
	color: #ffffff;
}

#block-container-1>* {
	margin-top: 10px;
	margin-bottom: 0px;
}

#block-container-1>*:first-child {
	margin-top: 0px;
}

#block-container-1 {
	padding-top: 15px;
	padding-bottom: 15px;
} */

/* ページコンテンツ用スタイル */
.main-content#content #page-content{
	background-color: #ffffff;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 13px;
}
/* 未使用
.main-content#content #page-content>h1 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
	background-color: #ffffff;
	background-image: url(../images/icon-title-01.png);
	background-repeat: no-repeat;
	background-position: 4px 0.4em;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 30px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 23px;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9c1e1a;
	border-bottom-color: #f4f4f4;
}

.main-content#content #page-content>h2 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #page-content>h3 {
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #page-content>h4 {
	font-size: 1.5rem;
	font-weight: normal;
	margin-bottom: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #page-content>h5 {
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #page-content>h6 {
	font-size: 1.3rem;
	font-weight: normal;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #page-content>hr {
	margin-bottom: 19px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9c1e1a;
}

.main-content#content #page-content>img {
	margin-top: 0px;
	margin-bottom: 19px;
}

.main-content#content #page-content>ins {
	background-color: #fff9c0;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
}

.main-content#content #page-content>ol {
	padding-top: 0px;
	padding-left: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	list-style-position: inside;
}

.main-content#content #page-content>ol ol {
	margin-bottom: 0px;
}

.main-content#content #page-content>p {
	margin-top: 0px;
	margin-bottom: 19px;
}

.main-content#content #page-content>pre {
	background-color: #f5f5f5;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	overflow: auto;
	word-wrap: normal;
} */

/* 利用規約用コンテンツ設定 */
.main-content#content #guide-content{
	background-color: #ffffff;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 13px;
}
/* 利用規約用コンテンツ設定h1タグ用 */
.main-content#content #guide-content>h1 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
	background-color: #ffffff;
/* 	background-image: url(../images/icon-title-01.png);
	background-repeat: no-repeat;
	background-position: 4px 0.4em; */
	text-decoration: none;
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 23px;
	border-bottom-width: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #9c1e1a;
	border-top-color: #f4f4f4;
}
/* 利用規約用コンテンツ設定h2タグ用 */
.main-content#content #guide-content>h2 {
	font-size: 2.8rem;
	font-weight: bold;
	/* color: #333333; */
	color: #42290a;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
/* 未使用
.main-content#content #guide-content>h3 {
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #guide-content>h4 {
	font-size: 1.5rem;
	font-weight: normal;
	margin-bottom: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #guide-content>h5 {
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #guide-content>h6 {
	font-size: 1.3rem;
	font-weight: normal;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.main-content#content #guide-content>hr {
	margin-bottom: 19px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9c1e1a;
}

.main-content#content #guide-content>img {
	margin-top: 0px;
	margin-bottom: 19px;
}

.main-content#content #guide-content>ins {
	background-color: #fff9c0;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
}

.main-content#content #guide-content>ol {
	padding-top: 0px;
	padding-left: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	list-style-position: inside;
}

.main-content#content #guide-content>ol ol {
	margin-bottom: 0px;
} */
/* 利用規約用コンテンツ設定pタグ用 */
.main-content#content #guide-content>p {
	font-size: 2.0rem;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 19px;
}
/* 未使用
.main-content#content #guide-content>pre {
	background-color: #f5f5f5;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	overflow: auto;
	word-wrap: normal;
}

#branding-1 .extra {
	color: #ffffff;
}

#branding-1 .extra>p {
	font-size: 1.1rem;
	color: #ffffff;
}

#branding-1 .extra>p:first-child {
	font-size: 2.1rem;
}

#branding-1 .site-description {
	font-size: 1.1rem;
	background-color: #0e3b5e;
}

#branding-1 .site-title {
	background-color: transparent;
	background-image: url(../images/site-title2.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	width: 188px;
	height: 30px;
}

#branding-1 .site-title a {
	text-indent: -9999px;
	display: block;
}


#branding-1 {
	padding-top: 0px;
	padding-bottom: 14px;
}
#branding-1 .extra {
	margin-top: 27px;
	width: auto;
	float: right;
	position: static;
}
#branding-1 .site-description {
	font-weight: bold;
	color: #e8d5c2;
	text-align: right;
	padding-top: 14px;
	padding-left: 100%;
	padding-right: 100%;
	padding-bottom: 13px;
	margin-left: -100%;
	margin-right: -100%;
	margin-bottom: 0px;
	width: auto;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 10;
}
#branding-1 .site-title {
	margin-top: 23px;
	float: left;
} */

/* 利用案内、利用規約画面ヘッダー用スタイル */
#site-navigation-1 {
	background-image: url(../images/back-pattern-01.png);
	padding-left: 100%;
	padding-right: 100%;
	margin-left: -100%;
	margin-right: -100%;
	margin-bottom: 0px;
	box-shadow: 0px 5px 5px 0px rgba(6, 0, 1, 0.45);
	z-index: 2;
}
/* 未使用
#site-navigation-1 ul ul {
	font-size: 1.2rem;
	background-color: #0e5287;
	border-top-width: medium;
	border-left-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: initial;
	border-left-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
}
#site-navigation-1 ul ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #abc9f7;
	position: relative;
}
#site-navigation-1 ul ul li.menu-item-has-children>a::after {
	background-image: url(../images/icon-nav-arrow-01.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: -3px;
	width: 6px;
	height: 7px;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 10;
	content: "";
}
#site-navigation-1 ul ul li:hover>ul {
	display: block;
	top: 0px;
	left: 100%;
}
#site-navigation-1 ul ul li>a {
	color: #ffffff;
	border-top-width: medium;
	border-left-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-top-color: initial;
	border-left-color: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	position: relative;
}
#site-navigation-1 ul ul li>a:hover {
	background-color: #2073b4;
} */
/* 利用案内、利用規約画面ヘッダー、ulタグ用スタイル */
#site-navigation-1>ul {
	font-size: 1.3rem;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #abc9f7;
}
/* 利用案内、利用規約画面ヘッダー、liタグ用スタイル */
#site-navigation-1>ul>li {
	padding-right: 1px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #abc9f7;
}
/* 未使用
#site-navigation-1>ul>li.current-menu-ancestor>a {
	background-color: #1164a5;
}
#site-navigation-1>ul>li.current-menu-item>a {
	background-color: #1164a5;
}
#site-navigation-1>ul>li.current_page_ancestor>a {
	background-color: #1164a5;
} */
/* 利用案内画面の時の利用案内リンク */
#site-navigation-1>ul>li.current_page_item>a {
	background-color: #1164a5;
	pointer-events: none; /* aタグのリンクを無効にする */
	cursor: default; /* マウスオーバー時のカーソルをdefaultに固定 */
	text-decoration: none; /* 下線等を消す。 */
}
/* 利用案内、利用規約画面ヘッダー、aタグ用スタイル */
#site-navigation-1>ul>li>a {
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	padding-top: 20px;
	padding-left: 21px;
	padding-right: 21px;
	padding-bottom: 20px;
	display: block;
}
/* 利用案内、利用規約画面ヘッダー,aタグにカーソルを合わせた場合 */
#site-navigation-1>ul>li>a:hover {
	background-color: #1164a5;
}

/* 未使用
#site-navigation-2 {
	background-color: transparent;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
#site-navigation-2>ul {
	font-size: 1.3rem;
	margin-top: 0px;
	margin-bottom: 0px;
}
#site-navigation-2>ul>li {
	margin-right: 0px;
	display: inline-block;
}
#site-navigation-2>ul>li.current-menu-ancestor>a {
	text-decoration: none;
}
#site-navigation-2>ul>li.current-menu-item>a {
	text-decoration: none;
}
#site-navigation-2>ul>li.current_page_ancestor>a {
	text-decoration: none;
}
#site-navigation-2>ul>li.current_page_item>a {
	text-decoration: none;
	pointer-events: none; aタグのリンクを無効にする
	cursor: default; マウスオーバー時のカーソルをdefaultに固定
	text-decoration: none; 下線等を消す。
}
#site-navigation-2>ul>li:first-child>a {
	padding-left: 0px;
	margin-left: 0px;
	border-left-width: medium;
	border-left-style: none;
	border-left-color: initial;
}
#site-navigation-2>ul>li>a {
	font-weight: bold;
	line-height: 1;
	color: #9c1e1a;
	padding-left: 5px;
	margin-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #787878;
	display: block;
}
#site-navigation-2>ul>li>a:hover {
	text-decoration: none;
} */

/* メニュー、掲示板メンテナンス画面,画像用スタイル */
#image-1 {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	max-width: 100%;
}
/* ローディング処理 スピナーを表示 */
#overlay{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
/* ローディング処理 スピナーを表示 */
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ローディング処理 スピナーを表示 */
.spinner {
    width: 80px;
    height: 80px;
    border: 4px #ddd solid;
    border-top: 4px #999 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
/* ローディング処理 スピナーを表示 */
@keyframes sp-anime {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}
/* ローディング処理 スピナーを表示 */
.is-hide{
    display:none;
}

/* メニュー画面 QR表示ボタン設定 */
.btnQropen{
	position: relative;
}

/* QRモーダル設定 */
.modalArea {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modalBg {
	width: 100%;
	height: 100%;
}

.modalWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 550px;
	height: 550px;
	padding: 10px 30px;
	background-color: #fff;
	color: #2e2e2e;
}

/* QRモーダル内QR設定 */
#modalQr>canvas{
	border-color: #ffffff;
	border-style: solid;
	border-width: 5px;
	width: 65%;
	height: 65%;
	position: absolute;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
}

/* QRモーダル閉じるボタン */
.closeModal {
	padding:0;
	background-color: #fff;
	border: 1px solid #282828;
	font-size: 2.0em;
	cursor: pointer;
	position: absolute;
	text-align:center;
	line-height:40px;
	position: absolute;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

/* QRモーダル内テキスト */
#modalText{
	position: absolute;
	text-align:center;
	top: 80%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 30px;
	width: 100%;
}
/* 貸出一覧ページング用（Pagination） */
.Pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Pagination-Item-Link {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	margin-bottom: 10px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	background: #fff;
	border: solid 2px rgb(98, 73, 42);
	font-size: 14px;
	color: rgb(98, 73, 42);
	font-weight: bold;
	transition: all 0.15s linear;
}
.Pagination-Item-Link-Icon {
	width: 20px;
}
.Pagination-Item-Link.isActive {
	background: rgb(98, 73, 42);
	color: #fff;
	pointer-events: none;
}
.Pagination-Item-Link:not(.isActive):hover {
	background: rgb(98, 73, 42);
	color: #fff;
}
.Pagination>*+* {
	margin-left: 8px;
}
.Pagination ul {
	align-items: center;
	list-style: none;
}
.Pagination li {
	text-align: right;
	list-style: none;
}