/* 画像差し替え */
#breadcrumb li.home{
	background-image: url(../img/icon09.png);
}
#top #wrapper p.totop a{
	background-image: url(../img/totop.png);
}

/* こどものページ */
body.kids_page{
	background: url(https://www.library.city.chiba.jp/common/images/body_bg.png) ,url(../img/kp_bg_wave.svg);
	background-position:top left,left calc( 100% - 128px );
	background-repeat:repeat-x,repeat-x;
	background-size:auto auto,auto 64px;
	background-color: #f1ecdc;
}

body.kids_page #contentsArea{
}

body.kids_page #contentsAreaBody{
}

body.kids_page #contentsAreaBody .mianBody,
body.kids_page #contentsAreaBody .mainBody{
	width: 100%;
	margin: 0 auto 30px;
	line-height: 1.6;
	position:relative;
}

body.kids_page #columnA{
}

/* ナビ */
#kp_navi{
	border:4px solid #ffe18f;
	background-color:#fff1c9;
	border-radius:12px;
	padding:10px;
	font-size:1rem;
	font-family: Meiryo UI;
	color:#805d38;
}

#kp_navi .heading{
	font-size:140%;
	font-weight: bold;
	background:url(../img/kp_hina.svg) no-repeat left center;
	background-size:auto 35px;
	padding-left:40px;
	min-height: 35px;
	margin-bottom:10px;
}
#kp_navi .heading a,
#kp_navi .heading a:visited{
	text-decoration: none;
	color:#805d38;
}

#kp_navi .kp_navi_list{
	font-size:110%;
}
#kp_navi .kp_navi_list li{}
#kp_navi .kp_navi_list li .link{
	text-decoration: none;
	color:#805d38;
	font-weight: bold;
	background:url(../img/kp_icon_link_header.svg) no-repeat 5px center;
	background-size:19px auto;
	display:block;
	margin-left:-10px;
	margin-right:-10px;
	padding:15px 10px 15px 30px;
	line-height: 1.2;
}
#kp_navi .kp_navi_list li .link:hover{
	background-color:#ffda72;
}
#kp_navi .kp_navi_list li.active{}
#kp_navi .kp_navi_list li.active .link{
	background-color:#ffda72;
}
#kp_navi .kp_navi_list li.active .link:hover{
	background-color:#ffc934;
}

/* トップへもどる */
.kp_top_link,
.kp_top_link:link,
.kp_top_link:visited{
	display:block;
	font-size:1rem;
	font-family: Meiryo UI;
	font-weight: bold;
	color:#805d38;
	border-radius:24px;
	text-decoration: none;
	background:url(../img/kp_icon_link_header_top.svg) no-repeat 9px center;
	background-size:19px auto;
	background-color:#ffda72;
	margin-bottom:10px;
	padding:5px 5px 5px 30px;
}
.kp_top_link:hover{
	background-color:#ffc934;
	color:#805d38!important;
	text-decoration:none!important;
}





/* 見出し */
body.kids_page #columnD{
	position:relative;
	font-size:1rem;
	color:#303030;
	margin-bottom:50px;
}
body.kids_page #contentsArea #contentsAreaBody #columnD h1{
	height:auto;
	width: auto;
	margin: 0 0 30px 0;
	background-image: none;
	line-height: 1.2;
	font-size: 280%;
	color:#654524;
	font-weight: bold;
	background-image:url(../img/kp_h1_shot.svg),url(../img/kp_h1_grass.svg);
	background-repeat:no-repeat,repeat-x;
	background-position:right bottom,left bottom;
	background-size:auto 100px, auto 9px;
	height:90px;
	padding-left:10px;
	padding-bottom:20px;
	display:flex;
	align-items: center;
}

body.kids_page #contentsArea #contentsAreaBody #columnD h2{
	width: auto;
	display: block;
	margin: 0 0 20px 0;
	background-image:none;
	padding: 11px 10px 10px 80px;
	font-size: 140%;
	font-weight: bold;
	color:#654524;
	background-color:#ffda72;
	border-radius:2em;
	line-height: 1.2;
	margin-top:30px;
}
body.kids_page #contentsArea #contentsAreaBody #columnD h2::before{
	content:"";
	background:url(../img/kp_h2_icon.svg) no-repeat left center;
	background-size:contain;
	position:absolute;
	min-width:80px;
	min-height:80px;
	padding:0;
	margin-left:-85px;
	margin-top:-30px;
}
body.kids_page #contentsArea #contentsAreaBody #columnD h2::after{
	content:"";
	background:url(../img/kp_h2_icon_2.svg) no-repeat left center;
	background-size:contain;
	position:absolute;
	right:0;
	min-width:90px;
	min-height:90px;
	padding:0;
	margin-top:-40px;
}

body.kids_page #contentsArea #contentsAreaBody #columnD h3{
	width: auto;
	display: block;
	margin: 20px 10px 10px;
	background-image:none;
	padding: 0 0 0 50px;
	font-weight: bold;
	font-size: 120%;
	color:#654524;
	border-bottom:5px solid #ffda72;
}
body.kids_page #columnD h3::before{
	content:"";
	background:url(../img/kp_h3_icon.svg) no-repeat left center;
	background-size:contain;
	position:absolute;
	width:40px;
	height:40px;
	padding:0;
	margin-left:-50px;
	margin-top:-5px;
}
/* p */
body.kids_page #columnD .Paragraph{
	background-color:rgba(255,255,255,0.5);
	border-radius:12px;
	margin:10px 0px;
	padding:20px;
	line-height: 1.6;
}
/* box */
body.kids_page #columnD .kp_box{
	background-color:rgba(255,255,255,0.5);
	border-radius:12px;
	margin:10px 0px;
	padding:20px;
	line-height: 1.6;
}
body.kids_page #columnD .kp_box.clear{
	background-color:transparent;
}
body.kids_page #columnD .kp_box.white{
	background-color:#ffffff;
}
body.kids_page #columnD .kp_box.border{
	border:3px solid rgba(101, 69, 36,0.2);
}
body.kids_page #columnD p,
body.kids_page #columnD .kp_box p{
	padding:7px;
}
body.kids_page #columnD .kp_box p.right{
	text-align:right;
}
body.kids_page #columnD .kp_box p.left{
	text-align:left;
}
body.kids_page #columnD .kp_box p.center{
	text-align:center;
}
body.kids_page #columnD ul,
body.kids_page #columnD ol{
	margin:.5rem 1rem .5rem 2rem;
}
body.kids_page #columnD ul{			list-style-type: disc;}
body.kids_page #columnD ul ul{		list-style-type: circle;}
body.kids_page #columnD ul ul ul{	list-style-type: square;}
body.kids_page #columnD ol{			list-style-type: decimal;}
body.kids_page #columnD ol ol{		list-style-type: lower-alpha;}
body.kids_page #columnD ol ol ol{	list-style-type: lower-roman;}
body.kids_page #columnD ol[type="a"] {	list-style-type: lower-alpha;}
body.kids_page #columnD ol[type="A"] {  list-style-type: upper-alpha;}
body.kids_page #columnD ol[type="i"] {  list-style-type: lower-roman;}
body.kids_page #columnD ol[type="I"] {  list-style-type: upper-roman;}
body.kids_page #columnD li{
}

/* table */
body.kids_page #columnD table{
	width:100%;
	border-collapse:collapse;
	border:3px solid #ffe18f;
}
body.kids_page #columnD table th,
body.kids_page #columnD table td{
	padding:.3rem .5rem;
}
body.kids_page #columnD table th{
	background:#fff1c9;
}
body.kids_page #columnD table td{
	background:#fff;
}

/* list */
.kp_list{
	list-style: none !important;
	margin-bottom:10px;
	position:relative;
}
.kp_list li{
	padding-left:1.5em;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
}
.kp_list li::before{
	content:"";
	min-width: 0.5em;
	min-height:0.5em;
	border-radius:50%;
	background-color:#ef7e04;
	position:absolute;
	left:0.5em;
	top:calc(0.5em + 20px);
	display:inline-block;
	margin-right:10px;
}
/* イベント・お知らせ */
.kp_list.news{
	margin:0 30px !important;
}
.kp_list.news::after{
	/* content: "";
	width: 110px;
	height: 110px;
	position: absolute;
	right: -15px;
	top: -80px;
	background-image: url(../img/kp_hina.svg),url(../img/kp_oya.svg);
	background-repeat: no-repeat,no-repeat;
	background-position: 10px bottom, right bottom;
	background-size: 45px auto,110px auto;
	transform: scale(-1,1); */
}
.kp_list.news li{
	margin:0;
	padding-bottom:18px;
	padding-top:20px;
	border-bottom: 2px dashed rgba(101, 69, 36,0.2);
}
.kp_list.news li:last-child{
	border-bottom:none;
}
.kp_list.news li a{
	display:inline-block;
	text-decoration: none;
}
.kp_list.news li span.category{
	display:inline-block;
	font-size:.9rem;
	padding:.1rem .5rem;
	border:1px #ddd solid;
	vertical-align:bottom;
	text-align:center;
}
.kp_list.news li .title{
	font-weight:bold;
	font-size:1.1rem;
}
.kp_list.news li a.new{
	padding-right:40px;
	background:transparent url(/common/images/icon05.jpg) no-repeat right top;
}
.kp_list.news li a.new::after{}

/* link */
body.kids_page a,
body.kids_page a:link{
	color:#654524;
}
body.kids_page a:hover{
	color:#ef7e04;
	text-decoration: underline;
}
/* arrow icon */
body.kids_page #columnD a.icon,
body.kids_page #columnD a.arrow{
	background: url(../img/kp_icon_link_header.svg) no-repeat 5px center;
	background-size: 19px auto;
	display: inline-block;
	padding: 15px 10px 15px 30px;
	line-height: 1.2;
}

	/* new window */
	a[target='_blank']::after{
	}
	body.kids_page #columnD a.window{
	/* padding-right:24px;
	background-image:url(../img/kp_link_window.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:18px auto;
	position:relative; */
	}
/* banner */
body.kids_page #columnD .banner_container{
	list-style:none;
	margin:0;
}
body.kids_page #columnD .banner_container li{
}
body.kids_page #columnD a.banner{
	border:5px solid #fbcb6d;
	border-radius:12px;
	background:url(../img/kp_icon_link_banner.svg) no-repeat calc( 100% - 10px ) center;
	background-size:43px;
	min-height:80px;
	background-color:#ffffff;
	display:flex;
	align-items: center;
	text-decoration: none;
	font-size: 140%;
	font-weight:bold;
	padding:5px 60px 5px 100px;
	line-height:1.2;
	/* position:relative; */
	margin-bottom:20px;
}
body.kids_page #columnD a.banner:hover{
	border-color:#ff921e;
	background-color:#fff1c9;
	color:#654524;
}
body.kids_page #columnD a.banner::before{
	content:"";
	background:url(../img/kp_banner_icon.svg) no-repeat center center;
	background-size:contain;
	position:absolute;
	width:100px;
	height:100px;
	margin-left:-110px;
	margin-top:-10px;
	padding:0;
}



/* トップ */
.kp_title{
	width:100%;
	height:auto;
	margin:0 auto 20px;
}
.kp_title_s{
	display: none;
}

.kp_top_menu{
	border:5px solid #e8e0c5;
	border-radius:6px;
	background-color:#c9e3a4;
	background-image:url(../img/kp_menu_bg.svg);
	background-repeat: repeat;
	background-size:auto;
	background-position: center center;
	margin:0 40px 30px;
}

.kp_top_menu .menu_list {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	padding-bottom:10px;
	margin:0 !important;
}
.kp_top_menu .menu_list li{
	margin:10px auto 0;
	position:relative;
	list-style:none;
}
.kp_top_menu .menu_list li .link,
.kp_top_menu .menu_list li .link:link{
	display:block;
	background-color:#ffffff;
	border-radius:50%;
	border:10px solid #b3e06b;
	width:180px;
	height:180px;
	color:#805d38;
	font-weight: bold;
	font-size:180%;
	text-decoration: none;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align:center;
}
.kp_top_menu .menu_list li .link:hover,
.kp_top_menu .menu_list li .link:link:hover{
	background-color:#fff1c9;
	color:#654524!important;
}

.kp_top_menu .menu_list li .link.c_1{
	border-color:#ffe18f;
}
.kp_top_menu .menu_list li .link.c_2{
	border-color:#b3e06b;
}
.kp_top_menu .menu_list li .link.c_3{
	border-color:#6dd5fb;
}
.kp_top_menu .menu_list li .link.c_4{
	border-color:#ffb6b6;
}
.kp_top_menu .menu_list li .link.c_5{
	border-color:#fbcb6d;
}
.kp_top_menu .menu_list li .link.c_6{
	border-color:#81deb1;
}
.kp_top_menu .menu_list li .link.c_7{
	border-color:#98bdeb;
}
.kp_top_menu .menu_list li .link.c_8{
	border-color:#dbb6f8;
}
.kp_top_menu .menu_list li .link.c_9{
	border-color:#ffa484;
}
/* image link */
.kp_top_menu .menu_list li .link.c_1::after{
	content:"";
	width:100px;
	height:100px;
	position:absolute;
	right:-20px;
	bottom:-10px;
	background-image:url(../img/kp_hina.svg),url(../img/kp_oya.svg);
	background-repeat: no-repeat,no-repeat;
	background-position: left bottom, right bottom;
	background-size: 40px auto,100px auto;
}
.kp_top_menu .menu_list li .link.c_2::after{}
.kp_top_menu .menu_list li .link.c_3::after{
	content:"";
	width:40px;
	height:40px;
	position:absolute;
	left:-5px;
	bottom:10px;
	background-image:url(../img/kp_hina.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	transform: scale(-1,1);
}
.kp_top_menu .menu_list li .link.c_4::after{}
.kp_top_menu .menu_list li .link.c_5::after{}
.kp_top_menu .menu_list li .link.c_6::after{}
.kp_top_menu .menu_list li .link.c_7::after{
	content:"";
	width:50px;
	height:50px;
	position:absolute;
	left:5px;
	bottom:0px;
	background-image:url(../img/kp_hina.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	transform: scale(1,1);
}
.kp_top_menu .menu_list li .link.c_8::after{
	content:"";
	width:50px;
	height:50px;
	position:absolute;
	right:5px;
	bottom:0px;
	background-image:url(../img/kp_hina.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	transform: scale(-1,1);
}
.kp_top_menu .menu_list li .link.c_9::after{}

/* image no link */
.kp_top_menu .menu_list li.shot_1::after{}
.kp_top_menu .menu_list li.shot_2::after{}
.kp_top_menu .menu_list li.shot_3::after{}
.kp_top_menu .menu_list li.shot_4::after{
	content:"";
	width:45px;
	height:45px;
	position:absolute;
	right:-40px;
	bottom:0px;
	background-image:url(../img/kp_hina.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	transform: scale(1,1);
}
.kp_top_menu .menu_list li.shot_5::after{
	content:"";
	width:110px;
	height:110px;
	position:absolute;
	right:-76px;
	bottom:-25px;
	background-image:url(../img/kp_hina.svg),url(../img/kp_oya.svg);
	background-repeat: no-repeat,no-repeat;
	background-position: 10px bottom, right bottom;
	background-size: 45px auto,110px auto;
	transform: scale(-1,1);
}
.kp_top_menu .menu_list li.shot_6::after{}
.kp_top_menu .menu_list li.shot_7::after{}
.kp_top_menu .menu_list li.shot_8::after{}
.kp_top_menu .menu_list li.shot_9::after{
	content:"";
	width:45px;
	height:45px;
	position:absolute;
	left:10px;
	bottom:0px;
	background-image:url(../img/kp_hina_close.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	transform: scale(1,1);
}


/* 画像 */
.kp_image_container{
	padding:10px;
	text-align: center;
}
.kp_image_container.left{
	text-align: left;
}
.kp_image_container.right{
	text-align: right;
}
.kp_image_container.center{
	text-align: center;
}
.kp_image_container img{}
.kp_image_container .contain{
	width:100%;
	height:auto;
}

/* 書籍 */
.kp_book_intro{
	display:flex;
	align-items: flex-start;
	border-bottom:3px solid rgba(101, 69, 36,0.2);
}
.kp_book_intro:last-child{
	border-bottom:none;
}
.kp_book_intro .cover{
	padding:20px 10px;
}
.kp_book_intro .cover .book_cover{
	border-radius:12px;
	border:6px solid#ffffff;
}
.kp_book_intro .detail{
	padding:20px 10px;
}
.kp_book_intro .detail .title{
	font-size:160%;
	font-weight:bold;
}
.kp_book_intro .detail .author{
	font-size:90%;
	padding:5px 0 10px;
}
.kp_book_intro .detail .exp{
}

/* 表 */
table.list{
	width:100%;
	border-collapse: collapse;
	margin: 5px 0;
}
table.list tr{}
table.list tr:nth-child(even){
	background-color: #ddd; 
	background-color: #eee; 
	}
table.list tr:nth-child(odd){
	background-color: #eee;
	background-color: #fff;
	}
table.list thead th{
	/* background-color: #ffda72; */
	background-color: #fff1c9;
	text-align:center;
}
table.list tbody th{
	background-color: #ccc;
}
table.list th,
table.list td{
	padding:5px;
	line-height:1.2;
}
table.list.border th,
table.list.border td{
	border:1px solid rgba(101, 69, 36,0.2);
}
table.list th.nowrap,
table.list td.nowrap{
	white-space: nowrap;
}
table.list.pd_10 th,
table.list.pd_10 td{
	padding:10px;
}
table.list.pd_20 th,
table.list.pd_20 td{
	padding:20px;
}
table.list td{
	word-break: break-all;
}

.kp_icon{}
.kp_icon::before,
.kp_icon.hina::before{
	content:"";
	width:1em;
	height:1em;
	background-image:url(../img/kp_hina.svg);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	padding-left:2.0em;
}
.kp_icon.blank::before{
	background-image:none;
	padding-left:3.0em;
}

.pd_10{ padding:10px; }
.pd_20{ padding:20px; }
.pd_30{ padding:30px; }

/* カード */
.kp_card{
	background-color:#ffffff;
	border-radius:12px;
	padding:20px;
	margin-bottom:10px;
	display:block;
	position:relative;
}
/* カード リンク */
.kp_card.link_card{
	border: 5px solid #fbcb6d;
	border-color:transparent;
	border-radius: 12px;
	background-image: url(../img/kp_icon_link_banner.svg);
	background-repeat: no-repeat;
	background-position:  calc(100% - 10px) center;
	background-size: 43px;
	min-height: 50px;
	padding-right:60px;
	text-decoration: none;
	display:flex;
	flex-direction: column;
	align-items: flex-center;
	justify-content: center;
}
.kp_card.link_card:hover,
body.kids_page #columnD .kp_card.link_card:hover{
	cursor:pointer;
	border-color:#ff921e;
	border-color:#fbcb6d;
	box-sizing:content-box;
	background-color:#fff1c9;
	color:#654524;
	text-decoration: none;
}
.kp_card.link_card.disabled{
	pointer-events: none;
}
.kp_card.link_card .title{
	font-size:130%;
	font-weight: bold;
	line-height: 1.2;
}
.kp_card.link_card .exp{
	font-size:100%;
	padding:10px 0 0;
}

/* カード faq */
.kp_card.qa_card{
	border: 5px solid #fbcb6d;
	border-color:transparent;
	min-height: 50px;
}
.kp_card.qa_card .question{
	padding-left:3em;
	font-size:130%;
	padding-left:45px;
	background:url(../img/kp_hina_question.svg) no-repeat left top;
	background-size:40px auto;
	margin-bottom:20px;
	border-bottom:2px solid rgba(101, 69, 36,0.2);
}
.kp_card.qa_card .answer{
	padding:0 0 0 45px;
}



@media screen and (max-width: 768px){

	body.kids_page{
		background-image:url(https://www.library.city.chiba.jp/common/images/body_bg.png) ,none;
	}

	.kp_title{
		display: none;
	}
	.kp_title_s{
		display: block;
		margin:22px auto 0;
		width:100%;
	}


	.kp_top_menu{
		margin-left:0;
		margin-right:0;
		padding-left:5px;
		padding-right:5px;
	}
	.kp_top_menu .menu_list li{
		width:100%;
	}
	.kp_top_menu .menu_list li .link,
	.kp_top_menu .menu_list li .link:link{
		width:auto;
		height:auto;
		border-radius:48px;
		min-height:80px;
		line-height:1.2;
	}

	.kp_top_menu .menu_list li .link.c_1::after{
		transform: scale(-1,1);
		right:-20px;
	}
	.kp_top_menu .menu_list li .link.c_3::after{
		transform:scale(1,1);
		left:10px;
	}
	.kp_top_menu .menu_list li.shot_4::after{
		transform:scale(-1,1);
		right:10px;
		bottom:15px;
	}
	.kp_top_menu .menu_list li.shot_5::after{
		right:-30px;
		bottom:-10px;
		background-size: 40px auto,100px auto;
	}
	.kp_top_menu .menu_list li .link.c_7::after{
		bottom:15px;
	}
	.kp_top_menu .menu_list li .link.c_8::after{
		bottom:15px;
	}
	.kp_top_menu .menu_list li.shot_9::after{
		left:10px;
		bottom:15px;
	}

	.kp_top_menu .menu_list li .link.c_2 br,
	.kp_top_menu .menu_list li .link.c_5 br,
	.kp_top_menu .menu_list li .link.c_6 br,
	.kp_top_menu .menu_list li .link.c_7 br,
	.kp_top_menu .menu_list li .link.c_8 br{
		display:none;
	}

	body.kids_page #contentsArea #contentsAreaBody #columnD h1{
		border:none;
		box-shadow: none;
		font-size:180%;
	}

	.kp_book_intro{
		flex-direction: column;
	}
	.kp_book_intro .cover{
	}
	.kp_book_intro .cover .book_cover{
		width:100%;
	}

	.kp_image_container img{
		width:100%;
	}

	.kp_list.news{
		margin:0 10px;
	}

}