@charset "utf-8";
	body{
		margin:0px 0px 0px 0px;
		background-image: url(img/kabegami.png);
		}
	header{
		position:relative;
		margin-bottom:0;
		background:linear-gradient(90deg, white , navy);
		}
	header h1{
		margin-top:0px;
		margin-bottom:0px;
		padding-left: 10px;
		font-size:2rem;
		font-family: serif;
		color: #990000;
		}
	header >a{
		position:absolute;
		top:0px;
		right:6px;
		color:white;
		background-color:#330000;
		text-decoration: none;
		padding-right:5px;
		padding-left:5px;
		font-size:2rem;
		border-left: solid 3px #0033FF;
		}
/*パンくずリスト*/
article{
		margin-top:0px;
		max-width: 1800px;
		width: 90vw;
		margin:0px auto 0px;
	}
.pan{
	margin-left:10px;
	margin-top:0px;
	padding-left: 0px;
	padding-top:5px;
	list-style: none;
	}
.pan li{
	display:inline;
}
/*新着情報全般*/
.newBook table{
	/*width: 70%;新着情報テーブル幅
	margin-left: auto;
	margin-right: auto;*/
	max-width: 845px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border:solid 1px black;
	margin-top: 20px;
}
	/*区切り線*/
.line{
	margin-top:5px;
	text-align:center;
	}
.line img{
	width:88%;
	}
	/*新着本全般の表*/
.newBook tbody{
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	}
.newBook th{
	border:solid 1px black;
	padding-left:5px;
	padding-right:5px;
	}
/*nenbook th幅*/
.newBook th:first-child{
	width: 65%;
}
.newBook td{
	border:solid 1px black;
	padding-left:5px;
	padding-right:5px;
	}
	/*子供向け本の表を色付け*/
.kid tr{
		background:linear-gradient(110deg,#ffff00 ,#ffffe0 60%,#EE82EE);
		}
#kidtable tr:nth-child(even){
	background-color:#2dffff;
	}
	/*大人向け本の表を色付け*/
.normal{
	background-color: #E7E7E7;
}
#normal tr:nth-child(even){
	background-color:#2dffff;
	}
/*返却ＢＯＸ*/
.box{
	width:620px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffcc;
	outline: solid 1px black;
	}
.box p{
	float:left;
	max-width:480px;
	padding-top:20px;
	padding-left: 2px;
	}
.box img{
	padding-top:5px;
	padding-bottom:5px;
	}
/*カレンダー全体*/
.calendar1{
	width: 90%;
	text-align:center;
	margin-top: 4px;
	}
/*カレンダー表*/
.bgcolor td{
	background-color:#e0e0e0;
	}
.calendar1 table{
	/*border:solid 1px black;*/
	border-collapse: collapse;
	}
.calendar1{
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-flow: wrap;
	justify-content: center;
	gap:5px 15px;
}
.calendar1 table{
	flex-basis:28%;
}
.calendar1 caption{
	font-size:1.2em;
	font-weight: normal;
	}
.calendar1 th{
	border:solid 1px black;
	padding-left:5px;
	padding-right:5px;
	background-color:#ccffcc;
	}
.calendar1 td{
	border:solid 1px black;
	}
div.calendar1 th:first-child{
	background-color:#FFCCCC;
}
.calendar1 tr{
	height:27px;
	background-color: white;
	}
.holidayColor {
	width: 16em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
/*図書室ニュース*/
.libraryNews{
	padding-left:10px;
	padding-right:10px;
	}
.libraryNews h3{
	text-decoration: underline ;
	}
.libraryNews dd::before{
	content: url(img/silver-coin.svg);
	margin-right: 0.2em;
}
.libraryNews dd{
	text-indent: -18px;
}
.libraryinfo{
	padding-left:10px;
	padding-right:10px;
	}
.libforaryin ul li{
	list-style-image: url(img/lisuto.png);
}


footer{
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	text-align:center;
	background-color:#ffcc99;
	}
footer p{
	margin-top:2px;
	margin-bottom:2px;
	}
/*表示幅６４1ＰＸ以上で摘要*/
@media screen and (min-width:640px){
.calendar1{
	width:80%;
}
.calendar1 table td{padding: 2px;}
}
/*幅800px以下*/
@media screen and (max-width:850px){
article{
	width:100%;
	}
h2, h3{
	margin-left: 5px;
}
.calendar1 table{
	flex-basis:43%;
}
.staff{
	width:500px;
}
.staff figure{
	margin-right:2px;
	margin-left:2px;
}
}
/* 表示幅６４０ピクセル以下で適用 */
@media screen and (max-width:640px){
body{
	width:100%;
	}
header h1{
	padding-left: 5px;
}
.box{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	}
.box p{
	float:none;
	Padding-top:10px;
	padding-bottom:9px;
	}
.box img {display:none;}
.calendar1{
	text-align:center;
	display: block;
	}
	.calendar1 table{
		width :100%;
		margin-left:auto;
		margin-right: auto;
	}
.hihyouji {display:none;}

}
@media screen and (max-width:530px){
	.newBook{
		width: 100%;
	}
}
@media screen and (max-width:700px){
	.box{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width:1000px){
.libraryNews{
	background-image : url(img/nekotohon0011-Opt.gif);
	background-repeat: no-repeat;
	background-position:78% 46%;
	background-size: 16%;
}
}