@charset "utf-8";

/* =============================================================================
   モバイルレイアウト : 767 px およびそれ以下
   ========================================================================== */
@media only screen and (max-width: 767px) {

/*  追加　2024.11
-----------------------------------------------------------------------------*/
/*　リスト　*/
#news_inner2 ul{
	width:95%;
	list-style: none;
	margin: 0 0 20px 2.5%;
	padding: 0;
	text-indent: -1em;
}
#news_inner2 ul li{
	padding: 0 0 5px 0;
	margin: 0 0 5px 1em;
}
#news_inner2 ul li::before{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #5c7929;
	border-radius: 50%;
	margin: 0 6px 0 0;
}

/*　リスト　*/
#top_event ul{
	width:95%;
	list-style: none;
	margin: 0 0 20px 2.5%;
	padding: 0;
	text-indent: -1em;
}
#top_event ul li{
	padding: 0 0 5px 0;
	margin: 0 0 5px 1em;
}
#top_event ul li::before{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #5c7929;
	border-radius: 50%;
	margin: 0 6px 0 0;
}


/*  追加 2024.11
-----------------------------------------------------------------------------*/
/*　divに適用。スマホでは表示しない　*/
#desktop{
	display: none;
}
#small_title{
	color: #5c7925;
		font-size:110%;
}


/*　span、brなどにcrassを。スマホでは表示しない　*/
.desktop{
	display: none;
}

.small_title{
	color: #5c7925;
		font-size:110%;
}

/*-----------------------------------------------------------------------------*/

/*　spanにマージンを　*/
#block{
	display:inline-block;
	margin-top: 5px;
	padding: 0;
}

/*  追加 2024.9
-----------------------------------------------------------------------------*/
/*　ジャンプボタン　*/
#jump{
	margin: 0 0 5% 0;
	padding: 0;
	width: 100%;
}
#jump ul{
	margin:  0;
	padding: 0;
	text-indent: 0;
}
#jump ul li{
	margin: 0 0 4px 0;
	padding: 0 3px 3px 1px;
	display:inline-block;
	background-image:none;
}
#jump ul li a{
	display: block;
	padding: 0 14px 0 20px;
	background : url(../../bg_jump.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
	font-size: 100%;
}
#jump ul li a:hover{
	text-decoration: underline;
}
#jump ul li::before{
	content: none;
}

/*  重要なお知らせ
---------------------------------------------------------------*/
#important{
	margin: 4% auto;
	width: 94%;
}
#important_title{
	padding: 0 0 0 50px;
	height: 50px;
 line-height: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 2.0rem;
	background : url(../../icon_important.png) 16px center / auto auto no-repeat scroll padding-box border-box #dc2c2e;
	background-size: 23px auto;
}
#important_inner{
	padding: 20px;
	width: 100%;
	background: #fffafa;
	border-bottom: 3px solid #fcd4d4;
	border-left: 3px solid #fcd4d4;
	border-right: 3px solid #fcd4d4;
	box-sizing: border-box;
}
#important_inner strong{
	font-size: 1.8rem;
	color: #dc2c2e;
}

/*  蔵書検索
-----------------------------------------------------------------------------*/
#box_search{
	margin: 0 0 20px 0;
	width: 100%;
	border-radius: 10px; 
	background: #5c7925;
	box-sizing: border-box;
}
#search_title{
	padding: 10px 0 0 60px;
	height: 60px;
 line-height: 60px;
	color: #fff;
	font-weight: bold;
	font-size: 2.4rem;
	border-radius: 10px 10px 0 0;
	background : url(../../icon_search.png) 30px 30px / auto auto no-repeat scroll padding-box border-box transparent;
	background-size: 23px auto;
}
#search_txt{
	margin: 0 auto;
	padding: 0 0 5% 0;
	width: 92%;
}
#box_search input[type="text"]{
	margin: 0;
	padding: 0 2%;
	width: 74%;
	height: 50px;
	font-size: 19px;
	border-radius: 3px;
	border: 2px solid #333;
	box-sizing: border-box;
}
#box_search input[type="submit"]{
	margin: 0;
	width: 24%;
	height: 50px;
	font-size: 20px;
	border-radius: 3px;
	border: 2px solid #000;
	box-sizing: border-box;
	background: #000;
	color:#fff;
}
#search_txt ul{
	margin: 20px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
#search_txt ul li{
	margin: 0 1% 1% 0;
	text-align: center;
	width : 49%;
	height:46px;
	line-height: 46px;
	background: #e1efba;
	border-radius: 4px;
	box-shadow: 1px 1px 0px 0 rgb(0, 0, 0);
}
#search_txt ul li:nth-child(even){
	margin: 0 0 1% 0;
}
#search_txt ul li a{
	color: #323232;
	display: block;
	text-decoration: none;
}
#search_txt ul li a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #f7ffe2;
	border-radius: 4px;
}

/*  蔵書を探す
-----------------------------------------------------------------------------*/
#search_s{
	margin: 0 0 5% 0;
	width: 100%;
}
#search_s ul{
	display: flex;
}
#search_s ul li{
	margin: 0 2% 0 0;
	padding: 10px;
	width : 50%;
	background: #fff;
	border: 1px solid #666;
	border-radius: 4px;
	box-sizing: border-box;
}
#search_s ul li:nth-child(even){
	margin: 0;
}
#search_s ul li a{
	display: block;
}

/*  お知らせ
-----------------------------------------------------------------------------*/
#news{
	margin: 0 0 30px 0;
	width: 100%;
}
#news_title{
	padding: 10px 20px;
	font-weight: bold;
	font-size: 2.0rem;
	background: #dedad7;
}
#news_title span{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px;
	width: 80px;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	background: #2d4ec1;
}
#news_inner{
	padding: 30px 20px;
	width: 100%;
	background: #fff;
	border-bottom: 4px solid #dedad7;
	border-left: 4px solid #dedad7;
	border-right: 4px solid #dedad7;
	box-sizing: border-box;
}
/*  お知らせ　追加 2024.11
-----------------------------------------------------------------------------*/
#news_inner2{
	padding: 30px 20px;
	width: 100%;
	background: #dbffff;
	border-bottom: 4px solid #dedad7;
	border-left: 4px solid #dedad7;
	border-right: 4px solid #dedad7;
	box-sizing: border-box;
}
#news_inner2 h6{
	color : #009900;
}

/*　リスト　*/
#news_inner2 ul{
	width:95%;
	list-style: none;
	margin: 0 0 20px 2.5%;
	padding: 0;
	text-indent: -1em;
}
#news_inner2 ul li{
	padding: 0 0 5px 0;
	margin: 0 0 5px 1em;
}
#news_inner2 ul li::before{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #5c7929;
	border-radius: 50%;
	margin: 0 6px 0 0;
}

#close_title{
	margin: 18px 0 8px 0 ;
	width: 100%;
	font-weight: bold;
	background: #fdc1cb;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #A7CED9;
}
/*202504追加*/
#open_title{
	margin: 18px 0 8px 0 ;
	width: 100%;
	font-weight: bold;
	background: #fff;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #A7CED9;
}
/**/
#calendar_button{
	margin: 5px auto 0 auto;
	padding: 5px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	background: #5c7925;
	border-radius: 4px;
 box-sizing: border-box;
}
#calendar_button a{
	color: #fff;
}
#calendar_button a:hover{
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* ↑
-----------------------------------------------------------------------------*/

#news ul{
	margin: 0 auto 10px auto;
	width: 100%;
}
#news ul li{
	padding: 0 0 20px 0;
	overflow:auto;
}
#news ul li span{
	display: block;
	margin: 0 30px 0 0;
}
#news_button{
	margin: 0 auto;
	padding: 10px 50px;
	width: 160px;
	text-align: center;
	font-weight: bold;
	background: #e1efba;
	border-radius: 4px;
	box-shadow: 1px 1px 0px 0 rgb(0, 0, 0);
}
#news_button a{
	color: #323232;
}
#news_button a:hover{
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*  行事・展示のお知らせ
-----------------------------------------------------------------------------*/
#event{
	margin: 0 0 30px 0;
	width: 100%;
}
#event_title{
	padding: 10px 20px;
	font-weight: bold;
	font-size: 2.0rem;
	background: #fcbb43;
	margin-bottom:15px;
}
#event_title span{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px;
	width: 80px;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	background: #2d4ec1;
}
#event_inner{
	padding: 30px 20px;
	width: 100%;
	background: #fff;
	border-bottom: 4px solid #fcbb43;
	border-left: 4px solid #fcbb43;
	border-right: 4px solid #fcbb43;
	box-sizing: border-box;
}


/* ----------------------2024.11追加 サイト内リンク自作*/
.arrow_s_b2{
  position: relative;
  display: inline-block;
  padding-left: 32px;
  color: #323232;
  text-decoration: none;
}
.arrow_s_b2::before{
  content: '';
  width: 12px;
  height: 12px;
  background: #808080;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
.arrow_s_b2::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -3px;
}
/* ↑　--------------2024.11追加 サイト内リンク自作*/

/*  PICK UP
-----------------------------------------------------------------------------*/
#pickup{
	margin: 0 0 30px 0;
	width: 100%;
}
#pickup_title{
	padding: 10px 0;
	font-weight: bold;
	font-size: 2.0rem;
	margin-top:15px; 　/* 2024.11追加 */
}
#pickup_inner{
	padding: 30px 20px 10px 20px;
	width: 100%;
	background: #f0efed;
	box-sizing: border-box;
}
#pickup_inner h3{
	color: #5c7925;
	background: #fff;
}


/*  マイページ
-----------------------------------------------------------------------------*/
#mypage{
	display: none;
}

/*  ログイン・カレンダー
-----------------------------------------------------------------------------*/
#login-calendar{
	margin: 0 0 7% 0;
}
#login-calendar ul{
	display: flex;
}
#login-calendar ul li{
	margin: 0 2% 0 0;
	width: 50%;
}
#login-calendar ul li:nth-child(even){
	margin: 0;
}
#login-calendar .sub_btn-login{
	padding: 14px;
	display: block;
	background: #eda60e;
	font-weight: bold;
	font-size:1.8rem;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 3px;
	text-align:center;
	box-shadow: 1px 1px 0px 0 rgb(0, 0, 0);
}
#login-calendar .sub_btn-login::before{
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0px 26px 0 0;
	background : url(../../icon_login_w.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	background-size: 22px auto;
	vertical-align: middle;
}
#login-calendar .sub_btn-login:hover{
	background: #fcd180;
	text-decoration:none;
}
#login-calendar .sub_btn-calendar{
	padding: 14px;
	display: block;
	background: #0d9bd9;
	font-weight: bold;
	font-size:1.8rem;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 3px;
	text-align:center;
	box-shadow: 1px 1px 0px 0 rgb(0, 0, 0);
}
#login-calendar .sub_btn-calendar::before{
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0px 10px 0 0;
	background : url(../../icon_calendar.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	background-size: 22px auto;
	vertical-align: middle;
}
#login-calendar .sub_btn-calendar:hover{
	background: #70c9f0;
	text-decoration:none;
}

/*  バナー
-----------------------------------------------------------------------------*/
#top_banner{
	padding: 0;
	margin: 0 auto;
	width: 100%;
}
#top_banner ul li img{
	width: 100%;
}
#top_banner ul{
	margin: 0 0 26px 0;
	display: flex;
	flex-wrap: wrap;
}
#top_banner ul li{
	margin: 0 20% 0 20%;
	padding: 10px;
	width : 60%;
}
/* 二つある時、横並びにする　*2024.11に comment out*
#top_banner ul li{
	margin: 0 2% 0 0;
	padding: 10px;
	width : 48%;
	box-sizing: border-box;
} */

#top_banner ul li:nth-child(even){
	margin: 0;
}

/*  図書館カレンダー
-----------------------------------------------------------------------------*/
#calendar{
	display: none;
}

/*  お役立ちリンク
-----------------------------------------------------------------------------*/
#links{
	margin: 0 0 26px 0;
	width: 100%;
}
#links_title{
	padding: 10px;
	font-weight: bold;
	font-size: 2.0rem;
	text-align: center;
	background: #e9f3ce;
	border-bottom: 3px solid #999;
	box-sizing: border-box;
	border-radius: 8px 8px 0px 0px;
}
#links_inner{
	padding: 16px;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	border-radius: 0px 0px 8px 8px;
}
#links_inner ul li{
	margin: 0 0 8px 0;
}
#links_inner a{
  position: relative;
  display: inline-block;
  padding-left: 16px;
}
#links_inner a::before{
  content: '';
  width: 12px;
  height: 12px;
  background: #808080;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
#links_inner a::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -3px;
}

/*  追加　2024.11
-----------------------------------------------------------------------------*/
span{
   display: inline-block;
}

.strong-red{
	color : #ff0000;
}
.normal-red{
	color : #ff0000;
}

/*  追加　開館と休館
-----------------------------------------------------------------------------*/
#links{
	margin: 0 0 26px 0;
	width: 100%;
}
#links_title{
	padding: 10px;
	font-weight: bold;
	font-size: 2.0rem;
	text-align: center;
	background: #e9f3ce;
	border-bottom: 3px solid #999;
	box-sizing: border-box;
	border-radius: 8px 8px 0px 0px;
}
#links_inner{
	padding: 16px;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	border-radius: 0px 0px 8px 8px;
}
#links_inner ul li{
	margin: 0 0 8px 0;
}
#links_inner a{
  position: relative;
  display: inline-block;
  padding-left: 16px;
}
#links_inner a::before{
  content: '';
  width: 12px;
  height: 12px;
  background: #808080;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
#links_inner a::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -3px;
}

}


/* =============================================================================
   デスクトップレイアウト : 768 px ～最大 1232 px
   ========================================================================== */
@media only screen and (min-width: 768px) {

/*  追加　2024.11
-----------------------------------------------------------------------------*/
/*　リスト　*/
#top_event ul{
	width:95%;
	list-style: none;
	margin: 0 0 20px 2.5%;
	padding: 0;
	text-indent: -1em;
}
#top_event ul li{
	padding: 0 0 10px 0.5em;
	margin: 0;
}
#top_event ul li::before{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #5c7929;
	border-radius: 50%;
	margin: 0 6px 0 0;
}

/* -----------------2024.11
#sub #main ul{
	width:95%;
	list-style: none;
	margin: 0 0 30px 2.5%;
	padding: 0;
	text-indent: -1em;
}
#sub #main ul li{
	margin: 0 0 15px 1em;
	padding: 0;
}
#sub #main ul li:before{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #5c7929;
	border-radius: 50%;
	margin: 0 6px 0 0;
}
*/

#event_inner2 span label{
	padding: 3px 0;
	background: #e9f3ce;
	border-radius: 5px;
	margin-right:10px;
}


/*  追加 2024.11
-----------------------------------------------------------------------------*/
/*　div-id に適用。PCでは表示しない　*/
#mobile{
	display: none;
}

/*　span、brにcrassを。PCでは表示しない　*/
.mobile{
	display: none;
}
/*-----------------------------------------------------------------------------*/

/*　spanにマージンを　*/
#block{
	display:inline-block;
	margin-top: 5px;
	padding: 0;
}

/*  追加　2024.9
-----------------------------------------------------------------------------*/
/*　ジャンプボタン　*/
#jump{
	width: 100%;
 margin: 20px auto;
	border-collapse: separate;
	border-spacing: 4px 0;
}
#jump ul{
	margin:0;
 padding:0;
	text-indent: 0;
}
#jump ul li{
	margin: 0 18px 0 0;
	padding: 0;
 display:inline-block;
	background-image:none;
}
#jump ul li a{
	display: block;
	margin: 0;
	padding: 5px 10px 5px 25px;
	background : url(../../bg_jump.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
	font-size: 98%;
}
#jump ul li a:hover{
	text-decoration: underline;
}
#jump ul li::before{
	content: none;
}

/*  重要なお知らせ
---------------------------------------------------------------*/
#important{
	margin: 0 auto;
	width: 980px;
}
#important_title{
	padding: 0 0 0 50px;
	height: 50px;
 line-height: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	background : url(../../icon_important.png) 16px center / auto auto no-repeat scroll padding-box border-box #dc2c2e;
	background-size: 23px auto;
}
#important_inner{
	padding: 20px;
	width: 100%;
	background: #fffafa;
	border-bottom: 3px solid #fcd4d4;
	border-left: 3px solid #fcd4d4;
	border-right: 3px solid #fcd4d4;
	box-sizing: border-box;
}
#important_inner strong{
	font-size: 1.8rem;
	color: #dc2c2e;
}

/*  蔵書検索
-----------------------------------------------------------------------------*/
#box_search{
	margin: 0 0 20px 0;
	width: 100%;
	border-radius: 10px; 
	background: #5c7925;
	box-sizing: border-box;
}
#search_title{
	padding: 10px 0 0 60px;
	height: 60px;
 line-height: 60px;
	color: #fff;
	font-weight: bold;
	font-size: 1.6em;
	border-radius: 10px 10px 0 0;
	background : url(../../icon_search.png) 30px 30px / auto auto no-repeat scroll padding-box border-box transparent;
	background-size: 23px auto;
}
#search_txt{
	margin: 0 auto;
	padding: 0 0 5% 0;
	width: 92%;
}
input[type="text"]{
	margin: 0;
	padding: 0 2%;
	width: 75%;
	height: 50px;
	font-size: 19px;
	border-radius: 3px;
	border: 2px solid #333;
	box-sizing: border-box;
}
input[type="submit"]{
	margin: 0;
	width: 24%;
	height: 50px;
	font-size: 20px;
	border-radius: 3px;
	border: 2px solid #000;
	box-sizing: border-box;
	background: #000;
	color:#fff;
}
#search_txt ul{
	margin: 20px 0 0 0;
	display: flex;
	justify-content: space-between;
}
#search_txt ul li{
	margin: 0 5px 0 0;
	text-align: center;
	width : calc(100% / 4) ;
	height:50px;
	line-height: 50px;
	background: #e1efba;
	border-radius: 4px;
	box-shadow: 1px 1px 0px 0 rgb(0, 0, 0);
}
#search_txt ul li:last-child{
	margin: 0;
}
#search_txt ul li a{
	color: #323232;
	display: block;
	text-decoration: none;
}
#search_txt ul li a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #f7ffe2;
	border-radius: 4px;
}

/*  蔵書を探す
-----------------------------------------------------------------------------*/
#search_s{
	margin: 0 0 30px 0;
	width: 100%;
}
#search_s ul{
display: flex;
}
#search_s ul li{
	margin: 0 2% 0 0;
	padding: 10px;
	width : 50%;
	background: #fff;
	border: 1px solid #666;
	border-radius: 4px;
	box-sizing: border-box;
}
#search_s ul li:nth-child(even){
	margin: 0;
}
#search_s ul li a{
	display: block;
}
#login-calendar{
	display: none;
}

/*  お知らせ
-----------------------------------------------------------------------------*/
#news{
	margin: 0 0 30px 0;
	width: 100%;
}
#news_title{
	padding: 10px 20px;
	font-weight: bold;
	font-size: 1.4em;
	background: #dedad7;
}
#news_title span{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px;
	width: 80px;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	background: #2d4ec1;
}
#news_inner{
	padding: 30px 20px;
	width: 100%;
	background: #fff;
	border-bottom: 4px solid #dedad7;
	border-left: 4px solid #dedad7;
	border-right: 4px solid #dedad7;
	box-sizing: border-box;
}
/*  お知らせ　追加 2024.11
-----------------------------------------------------------------------------*/
#news_inner2{
	padding: 30px 20px;
	width: 100%;
	background: #dbffff;
	border-bottom: 4px solid #dedad7;
	border-left: 4px solid #dedad7;
	border-right: 4px solid #dedad7;
	box-sizing: border-box;
}
#news_inner2 h6{
	color : #009900;
}

#head6{
	color : #009900;
	font-size:120%;
	font-weight:bold;
}

/*　リスト　*/
#news_inner2 ul{
	width:95%;
	list-style: none;
	margin: 0 0 20px 2.5%;
	padding: 0;
	text-indent: -1em;
}
#news_inner2 ul li{
	padding: 0 0 5px 0;
	margin: 0 0 5px 1em;
}
#news_inner2 ul li::before{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #5c7929;
	border-radius: 50%;
	margin: 0 6px 0 0;
}

/* ↑
-----------------------------------------------------------------------------*/
#news ul{
	margin: 0 auto 10px auto;
	width: 100%;
}
#news ul li{
	padding: 4px 0 4px 0;
	padding-left: 8.2em;
 text-indent: -8.0em;
	overflow:auto;
}
#news ul li span{
	margin: 0 30px 0 0;
}
#news_button{
	margin: 0 auto;
	padding: 10px 50px;
	width: 160px;
	text-align: center;
	font-weight: bold;
	background: #e1efba;
	border-radius: 4px;
	box-shadow: 1px 1px 0px 0 rgb(0, 0, 0);
}
#news_button a{
	color: #323232;
}
#news_button a:hover{
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*  行事・展示のお知らせ
-----------------------------------------------------------------------------*/
#event{
	margin: 0 0 30px 0;
	width: 100%;
}
#event_title{
	padding: 10px 20px;
	font-weight: bold;
	font-size: 1.4em;
	background: #fcbb43;
	margin-bottom:20px;
}
#event_title span{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px;
	width: 80px;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	background: #2d4ec1;
}
#event_inner{
	padding: 30px 20px;
	width: 100%;
	background: #fff;
	border-bottom: 4px solid #fcbb43;
	border-left: 4px solid #fcbb43;
	border-right: 4px solid #fcbb43;
	box-sizing: border-box;
}

/*  PICK UP
-----------------------------------------------------------------------------*/
#pickup{
	margin: 0 0 30px 0;
	width: 100%;
}
#pickup_title{
	padding: 10px 0;
	font-weight: bold;
	font-size: 1.4em;
	margin-top:15px;
}
#pickup_inner{
	padding: 30px 20px 10px 20px;
	width: 100%;
	background: #f0efed;
	box-sizing: border-box;
}
#pickup_inner h3{
	color: #5c7925;
	background: #fff;
}

/*  マイページ
-----------------------------------------------------------------------------*/
#mypage{
	margin: 0 0 26px 0;
	width: 100%;
}
#mypage_title{
	padding: 10px;
	font-weight: bold;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	background: #818181;
	box-sizing: border-box;
	border-radius: 8px 8px 0px 0px;
}
#mypage_inner{
	padding: 10px 20px 10px 20px;
	width: 100%;
	background: #e9f3ce;
	box-sizing: border-box;
	border-radius: 0px 0px 8px 8px;
}
.btn-login{
	padding: 10px;
	margin: 10px 0;
	display: block;
	background: #fcbb43;
	font-weight: bold;
	font-size: 1.3em;
	color: #323232 !important;
	text-decoration: none !important;
	border-radius: 3px;
	text-align:center;
	box-shadow: 1px 1px 0px 0 rgb(0, 0, 0);
}
.btn-login::before{
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -5px 10px 0 0;
	background : url(../../icon_login.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	background-size: 22px auto;
	vertical-align: middle;
}
.btn-login:hover{
	background: #fcd180;
	text-decoration:none;
}
/* ----------------------2024.11追加 サイト内リンク自作*/
.arrow_s_b2{
  position: relative;
  display: inline-block;
  padding-left: 30px;
  color: #323232;
  text-decoration: none;
}
.arrow_s_b2::before{
  content: '';
  width: 12px;
  height: 12px;
  background: #808080;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
.arrow_s_b2::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -3px;
}
/* ↑　--------------2024.11追加 サイト内リンク自作*/


.arrow_s_b{
  position: relative;
  display: inline-block;
  padding-left: 18px;
  color: #323232;
  text-decoration: none;
}
.arrow_s_b::before{
  content: '';
  width: 14px;
  height: 14px;
  background: #808080;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}
.arrow_s_b::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -4px;
}
#mypage_inner ul{
	width:95%;
	list-style: none;
	font-size: 0.85em;
	text-indent: -1em;
	text-align:left;
}
#mypage_inner ul li{
	margin: 0 0 0 1em;
}
#mypage_inner ul li::before{
	content: "";
	width: 5px;
	height: 5px;
	display: inline-block;
	background-color: #333;
	border-radius: 50%;
	margin: 0 6px 0 0;
}

/*  バナー
-----------------------------------------------------------------------------*/
#top_banner{
	padding: 0;
	margin: 0 auto;
	width: 100%;
}
#top_banner img{
	width: 100%;
}
#top_banner ul{
	margin: 0 0 26px 0;
}
#top_banner ul li{
	margin: 0 0 10px 0;
}

/*  図書館カレンダー
-----------------------------------------------------------------------------*/
#calendar{
	margin: 0 0 5px 0;
	width: 100%;
}
#calendar_title{
	padding: 10px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	background: #e9f3ce;
	border-bottom: 3px solid #999;
	box-sizing: border-box;
	border-radius: 8px 8px 0px 0px;
}
#calendar_inner{
	padding: 10px 20px 20px 20px;
	width: 100%;
	background: #e9f3ce;
	box-sizing: border-box;
	border-radius: 0px 0px 8px 8px;
}
#calendar table{
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
	border: solid 1px #a7ced9; 
}
#calendar table th{
	background: #ddebee;
	text-align: center;
	font-weight:normal;
	border: solid 1px #a7ced9;
}
#calendar table td{
	border: solid 1px #a7ced9;
	background: #fff;
	vertical-align : middle;
	text-align : center;
}
.sat{
	color:#266cb2;
}
.sun{
	color:#ee1c25;
}
#calendar table td.close{
	background: #fcc3cc;
}

/* 
------------------------------------------------------*/
#calendar table td.event{
	color:#5c7925;
}



#close_title{
	margin: 18px 0 8px 0 ;
	width: 100%;
	font-weight: bold;
	background: #fdc1cb;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #A7CED9;
}
/*202504追加*/
#open_title{
	margin: 18px 0 8px 0 ;
	width: 100%;
	font-weight: bold;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #A7CED9;
}
/**/

#calendar_button{
	margin: 5px auto 0 auto;
	padding: 5px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	background: #5c7925;
	border-radius: 4px;
 box-sizing: border-box;
}
#calendar_button a{
	color: #fff;
}
#calendar_button a:hover{
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*  お役立ちリンク
-----------------------------------------------------------------------------*/
#links{
	margin: 0 0 26px 0;
	width: 100%;
}
#links_title{
	padding: 10px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	background: #e9f3ce;
	border-bottom: 3px solid #999;
	box-sizing: border-box;
	border-radius: 8px 8px 0px 0px;
}
#links_inner{
	padding: 16px;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	border-radius: 0px 0px 8px 8px;
	text-align:left;
}
#links_inner ul li{
	margin: 0 0 8px 0;
}
#links_inner a{
  position: relative;
  display: inline-block;
  padding-left: 16px;
}
#links_inner a::before{
  content: '';
  width: 12px;
  height: 12px;
  background: #808080;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
#links_inner a::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -3px;
}

.strong-red{
	color : #ff0000;
}
.normal-red{
	color : #ff0000;
}

}