/*フォント*/
body {
	font-family: 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, Meiryo, sans-serif;
}

/* ---------------------------------
リンク色
------------------------------------*/
a {
	color:#563B77;
	font-weight:bold;
}
a:hover {
	opacity:0.8;
	color: #563B77;
}
/* ---------------------------------
ヘッダーロゴ
------------------------------------*/
#header-logo-area {
	position: absolute;
	display: block;
	z-index: 10;
	top: 25px;
}
@media only screen and (max-width: 992px) {
	#header-logo-area {
		top: 0;
	}
	#header-logo-area a img {
		height: 46px;
	}
	.header-catch-area .card.mb-3 {
		margin-bottom: 0 !important;
	}
}

/* -------
サブページ用ヘッダー画像
----------*/
.sub-page-header-img {
    margin-top: -1rem;
    border-top: solid 10px #EEB200;
    border-bottom: solid 10px #EEB200;
}
.sub-page-header-img img {
    width: 100%;
}
@media only screen and (max-width: 992px) {
    .sub-page-header-img {
        margin-top:  0;
    }
}
/* ---------------------------------
ヘッダーメニュー
------------------------------------*/
.header_menu {
	max-width: 1110px;
	margin: 0 auto;
	/*padding-left: 320px !important;*/
	padding-top: 2rem !important;
	margin-bottom: 1rem !important;
}
.header_menu .card-header a {
	color: dimgray;
}
.header_menu .card-body a {
	color: #333;
}
.header_menu .card-body a:hover {
	background-color: transparent;
}
.header_menu .nav-tabs {
	border-bottom: unset;
	margin-top: 45px;
	margin-bottom: 5px;
}
.header_menu .nav-tabs .nav-link {
	border: 0;
	border-bottom: 5px solid transparent;
	font-size: 1rem;
	font-weight: normal;
}
.header_menu .nav-tabs .nav-link.active,
.header_menu .nav-tabs .nav-link:hover {
	background-color: transparent;
	color: #7855AA;
	border-color: unset;
	border: 0;
	border-bottom: 5px solid #7855AA;
}
.header_menu .container > div {
	margin-bottom: unset !important;
}
.header_menu .nav-item a {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}
.header_menu .nav-item {
	border-right: 1px solid #fff;
}
.header_menu .nav-item:last-child {
	border-right: 0;
}
.header_menu .dropdown-menu {
	background-color: #7855AA;
}
.header_menu a.dropdown-item.active, 
.header_menu a.dropdown-item:active,
.header_menu a.dropdown-item:hover {
	color: #563B77;
}
.header_menu .mb-3 {
	margin-bottom: 0rem !important;
}
@media only screen and (max-width: 992px) {
	.header_menu {
		padding-top: 0 !important;
		/*padding-left: 0 !important;*/
		margin-bottom: 0 !important;
	}
}
.header_menu .dropdown-menu,
.header_menu .dropdown-toggle:after {
	display: none;
}


/* ---------------------------------
スマホ用ハンバーガメニュー
------------------------------------*/
@media (max-width: 768px) {
	.hamburger-menu .navbar-light .navbar-toggler {
		border-color: #563B77;
	}
	.hamburger-menu .navbar-light .navbar-toggler {
		color: #563B77;
	}
	.hamburger-menu .navbar-light .navbar-toggler-icon {
		background-color: #563B77;
	}
	.hamburger-menu .navbar-toggler-icon:nth-of-type(1) {top: 4px;height: 3px;}
	.hamburger-menu .navbar-toggler-icon:nth-of-type(2) {top: 12px;height: 3px;}
	.hamburger-menu .navbar-toggler-icon:nth-of-type(3) {top: 20px;height: 3px;}
	.hamburger-menu .hamburger-accordion-block {
		color: #563B77;
	}
	.hamburger-menu .hamburger-accordion[aria-expanded="false"]:after,
	.hamburger-menu .hamburger-accordion-block[aria-expanded="false"]:after {
		color: #563B77;
	}
	.hamburger-menu .hamburger-accordion[aria-expanded="true"]:after,
	.hamburger-menu .hamburger-accordion-block[aria-expanded="true"]:after {
		color: #563B77;
	}
    .hamburger-menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
        top: 11px;
    }
    .hamburger-menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
        top: 11px;
    }
}

/* ---------------------------------
パンくず
------------------------------------*/
.menus-breadcrumbs .mb-3 {
    margin-bottom: 0 !important;
}
.breadcrumb {
    background-color: transparent;
    border: 0;
    display: flex;
    margin-bottom: .5rem;
    padding: .5rem 1rem;
    font-size: .8rem;
}
@media (max-width: 768px) {
	.breadcrumb {
		font-size: .5rem;
	}
}


/* ---------------------------------
OPAC
------------------------------------*/
.collection_journal_search_Frame {
	background-image: url(/themes/Users/libhoshi2025/images/back_2026.webp);
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -1rem;
	margin-bottom: 1rem;
	border-top: solid 10px #EEB200;
	border-bottom: solid 10px #EEB200;
}
:not(.collection_journal_search_Frame-edit).collection_journal_search_Frame > div > div > div:not(.frame-setting-body).card-body {
	width: 100%;
	max-width:1110px;
	margin: 0 auto;
	position: relative;
	height: 300px;
}
.collection_journal_search_Frame .card-body .lib-search-opacity {
	width: 100%;
	margin: 0 auto;
	border: 30px solid #FFFFFF00;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-image: url(/themes/Users/libhoshi2025/images/header_word.png);
	background-size: 180px;
	background-repeat: no-repeat;
	background-color: #FFFFFFbb;
	background-position-y: center;
	padding-left:200px;
}
.collection_journal_search_Frame .card-body .lib-search-area {
	width: 100%;
	max-width:770px;
	margin: 0 auto;
	background-color: #FFF;
	border: 8px solid #563B77;
}
.collection_journal_search_Frame .card-body .lib-search-area .nav-item {
	margin-top: -1px;
}
.collection_journal_search_Frame .card-body .lib-search-area .nav-link {
	color: #FFF;
	background-color: #563B77;
}
.collection_journal_search_Frame .card-body .lib-search-area .nav-link.active {
	color: #563B77;
	background-color: #FFF;
}
.collection_journal_search_Frame .card-body .lib-search-area .tab-content {
	padding: 30px 50px;
}
.collection_journal_search_Frame button {
	color: #FFF;
	background-color: #534741;
}
.collection_journal_search_Frame button:before {
	font-family: "Font Awesome 5 Free";
	content: '\f002';
	font-size: 1rem;
	font-weight: 900;
	margin: 0 10px 0 0;
}
.lib-search-area input[type="text"] {
	width: calc(100% - 80px);
}
.lib-search-area .tab-content a {
	color: #534741;
	position: relative;
	padding-left: 20px;
}
.lib-search-area .tab-content a:before {
	content: "";
	position: absolute;
	top: 0.3rem;
	left: 9px;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #534741;
}
@media only screen and (max-width: 992px) {
	.collection_journal_search_Frame {
		margin-top: 0;
		margin-bottom: 175px;
		height: 160px;
	}
	.collection_journal_search_Frame .card-body .lib-search-opacity {
        background-size: 130px;
        position: relative;
        padding: 0px;
        background-position: center;
        border: 0;
        width: 300px;
        height: 100px;
        top: 6%;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
	}
	.collection_journal_search_Frame .card-body .lib-search-area {
        position: absolute;
        top: 145px;
        left: -10%;
        -webkit-transform-origin-: 0;
        -webkit-transform: translate(0%, 0%);
        width: calc(90% + 90px);
	}
	.collection_journal_search_Frame .card-body .lib-search-area .tab-content {
		border-width: 3px;
        padding: 1rem;
		font-size: .8rem;
	}
	.collection_journal_search_Frame .card-body .lib-search-area .nav-link {
		padding: 1px 0px 3px;
		font-size: .8rem;
	}
	.lib-search-area input[type="text"] {
		width: calc(100% - 100px);
	}
}


/* ---------------------------------
文字の拡大縮小
------------------------------------*/
#header-catch-area {
	position: relative;
}

/* ---------------------------------
TOP新着ヘッダー用（固定記事）
------------------------------------*/
.top-newslogo .card.mb-3{
	margin-bottom: 0 !important;
}
.newslogo-container {
	position: relative;
	display: block;
}
.newslogo-container::after {
	content: "";
	position: absolute;
	bottom: 1.1rem;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #EEB200;
	z-index: -1;
}
/* ---------------------------------
TOP新着用
------------------------------------*/
.plugin-whatsnews.whatsnews-onerow .badge {
	padding: .25rem 1.5rem;
	border-radius: 1rem;
	margin: 0 1rem !important;
}
.plugin-whatsnews.whatsnews-onerow > .container {
	padding: 15px 30px;
}


/* ---------------------------------
フレームタイトル
------------------------------------*/
.card-header.bg-default {
	background-image: url(/themes/Users/libhoshidefault/images/icon2.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    padding: .5rem 0 .5rem 1.5rem;
	background-color: #EDEDED;
	font-weight: bold;
	color: #4D4D4D;
}
.card {
	border-top: solid 2px #EDEDED;
	border-left: solid 0px #563B77;
	border-right: solid 0px #563B77;
	border-bottom: solid 0px #563B77;
	border-radius:unset;
}
.card-header.bg-default {
	border: 0;
}

/* ---------------------------------
左メニュー
------------------------------------*/
.menus-parentsandchild .card {
	border-top: 0;
}
.menus-parentsandchild .list-group-item:first-child {
	border-radius: unset;
}
.menus-parentsandchild .list-group-item {
	border: 0;
	color: #333333;
	font-size: 1rem;
	font-weight: unset;
	text-decoration: none;
	padding: .5rem .25rem .5rem;
	border-bottom: 1px solid #563B77;
	border-radius: unset;
}
.menus-parentsandchild .list-group-item.depth-0:before {
	content: "■";
	color: #7855AA;
	font-size: 10px;
	vertical-align: middle;
	margin-right: 8px;
}
.menus-parentsandchild .list-group-item:hover,
.menus-parentsandchild .list-group-item.active {
	background-color: #EDEDED;
	color: #333333;
	margin-top: 0px;
}
.menus-parentsandchild .card-body {
	padding: 0;
}
.menus-parentsandchild .fa-chevron-right {
	margin-left: 1rem;
}
.menus-parentsandchild .fa-chevron-right:before {
	content: "\f054";
	color: gray;
	margin-right: 5px;
}

/* ---------------------------------
タイトルバー
------------------------------------*/
.ccLeftArea .plugin-contents .title {
	font-size: 1rem;
}
.ccLeftArea .plugin-contents .title a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 1rem 2rem .5rem;
	display: block;
}
.plugin-contents .title {
	font-size: 1.3rem;
	font-weight: bold;
    text-align: center;
    color: #FFF;
	margin-bottom: 1rem;
}
.plugin-contents .title span:after {
    content: '';
    border-bottom: 2px solid #FFF;
    width: 100%;
    display: block;
    margin: .25rem auto;
}
.bk-murasaki {
	background-color: #563B77;
}
.bk-enji {
	background-color: #903B30;
}
.bk-yamabuki {
	background-color: #968C2A;
}
.bk-aomidori {
	background-color: #346F8C;
}
.bk-usumurasaki {
	background-color: #AA9DCF;
}
.bk-haiiro {
	background-color: #AEAEAE;
}

/* ---------------------------------
ブログの表示
------------------------------------*/
.plugin-blogs.blogs-default header > b {
	font-weight: normal;
	color: #777777;
	display: block;
	text-align: right;
}

/* ---------------------------------
フッター設定
------------------------------------*/
.ccFooterArea {
	background-color: #563B77;
	color: #FFFFFF;
}
.ccFooterArea  hr {
	border-color: #FFFFFF;
}
.ccFooterArea a {
	color: #FFFFFF;
	font-weight: normal;
}
.ccFooterArea .plugin-menus.menus-footersitemap li {
	text-align: left;
}
.ccFooterArea .plugin-menus.menus-footersitemap .nav-item {
	min-width: 200px;
}
.ccFooterArea .plugin-menus.menus-footersitemap .nav-item ul {
	list-style-type: disclosure-closed;
}
.ccFooterArea .plugin-menus.menus-footersitemap .nav-item ul li{
	font-size: 0.95rem;
}
@media (max-width: 768px) {
	.ccFooterArea .footersitemap > ul {
		display: table;
	}
}
/* ---------------------------------
ブクログ高さ制御
------------------------------------*/
.booklog > div {
	line-height: 1
}

/* ---------------------------------
ページ内スクロール
------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:300;
	cursor:pointer;
	opacity:0.8;
}
#page-top:hover{
	opacity:1;
}

/* 文字の大きさ */
.font-size {
	position: absolute;
	right: 1rem;
	z-index: 1000;
	top: 10px;
}
.font-size .font-size-text {
	display: inline-block;
	border: 2px solid #000;
	background-color: #FFF;
	padding: 4px;
	border-radius: 4px;
	vertical-align: top;
	height: 30px;
	font-size: .9rem;
	line-height: 1.2;
}
.font-size button {
	height: 30px;
	border-radius: 4px;
}
.font-size button.size-small {
	margin:0 2px 0 3px;
}
.font-size button.size-medium {
	margin-right: 2px;
}
.font-size button.size-large {
}

/* データベースのレイアウト調整 */
@media (min-width: 576px) {
    #frame-card-134 > div > div > div.row.border-left.border-right.border-bottom.border-top > div:nth-child(1) {
        max-width:30%;
    }
@media (min-width: 576px) {
    #frame-card-135 > div > div > div.row.border-left.border-right.border-bottom.border-top > div:nth-child(1) {
        max-width:30%;
    }
}