/*
Theme Name: KMNH
Description: KMNH templates
Version: 1.0
Text Domain: kmnh
*/

.single-ai1ec_event span.icon {
    display: inline-block;
    width: 120px;
    height: 23px;
    text-align: center;
    margin-right: 8px;
    color: #fff;
}

.single-ai1ec_event .cat_general             {background-color:#EB3911;}
.single-ai1ec_event .cat_nat                 {background-color:#008d00;}
.single-ai1ec_event .cat_his                 {background-color:#eb6f68;}
.single-ai1ec_event .cat_course              {background-color:#ff8700;}
.single-ai1ec_event .cat_experienceclass     {background-color:#58aaff;}
.single-ai1ec_event .cat_specialexhibition   {background-color:#818f40;}
.single-ai1ec_event .cat_seminar             {background-color:#c887cb;}
.single-ai1ec_event .cat_outdoorclass        {background-color:#84b100;}

.single-ai1ec_event .cat_other        {background-color:#33cc00;}
.single-ai1ec_event .cat_bushike        {background-color:#009999;}
.single-ai1ec_event .cat_pocketexhibition        {background-color:#f963d4;}
.single-ai1ec_event .cat_summerclass        {background-color:#666699;}




.single-ai1ec_event .photo {
	text-align: center;
}
.single-ai1ec_event .photo img {
	padding:10px;
}

.to_sppage {
	box-sizing: border-box;
	padding: 0 10px;
}
.to_sppage a{
	border: 1px solid #696666;
	color: #696666;
	display: block;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}
.to_sppage a::after {
	background: rgba(0, 0, 0, 0) url("images/sp/to_pc_icon.png") no-repeat scroll 0 0 / cover ;
	content: "";
	height: 13px;
	position: absolute;
	right: 32%;
	top: 13px;
	width: 15px;
}

table input.input {
	width:100%;
}

.prof-text{
	padding-bottom:10px;
}

.prof-text h3{
	font-size:1.8em;
	font-weight:100;
	line-height:1.2em;
	margin-bottom:10px;
}

.prof-text h3 #posi{
	font-size:0.55em;
	font-weight:600;
	display:block;
	margin:0;
	padding:0;
}

.prof-text #name{
	display:block;
	margin:0;
	padding:0;
}

.prof-text #yomi{
	display:block;
	font-size:0.5em;
	margin:0;
	padding:0;
}

.prof-text dl{
	margin:0.5em;
	
}

.prof-text dl dd{
	margin-left:1em;
}

.prof-text ul{
	margin:0.5em 0.5em 0.5em 1em;
}



.index-bn{
	margin:0;
	padding:0;
}

.index-bn img{
	display:block;
	width:100%;
	height:auto;
}

.index-bn ul{
	list-style:none;
	margin:0;
	padding:0;
}

.index-bn ul li{
	display:block;
	margin-bottom:1em;
}

#STAFF table th{
	white-space:nowrap;
}

#STAFF table td.name{
	white-space:nowrap;
}

/*重要なお知らせなど*/
.notice{
	background:#cc0000;
	padding:0.5em;
	margin-bottom:1em;
	border:double 3px #fff;
}

.notice *{
	color:#fff;
	font-weight:bold;
	text-align:center;
}

.notice a{
	display:block;
	width:auto;
	height:100%;
}

.notice strong{
	font-size:2em;
	color:#fff;
}

.notice2{
	background:#ffff22;
	padding:0.5em;
	margin-bottom:1em;
	border:double 3px #fff;
}

.notice2 *{
	font-weight:bold;
	text-align:center;
}

.notice2 a{
	display:block;
	width:auto;
	height:100%;
}

.notice2 strong{
	font-size:2em;
	color:#cc0000;
}


.color_white{text-align:left;}
.color_white a{color:#ffffff; text-decoration:underline;}
.color_white a:hover{color:#ffff00;}

dl.namelist{
	margin-left:1em;
margin-bottom:1em;
line-height:1.7em;
}

dl.namelist dd{
	margin-left:1em;
}

dl.namelist ol{
margin-top:0.5em;
margin-left:2em;
}

.color_white{text-align:left;}
.color_white a{color:#ffffff; text-decoration:underline;}
.color_white a:hover{color:#ffff00;}

	ol.snspol{
		margin:2em;
	}

	ol.snspol strong{
		display:block;
		border-bottom:solid 1px #000;
		margin-bottom:0.5em;
	}
	
	ol.snspol ol{
		margin:2em;
	}
	
	ol.snspol ul{
		list-style:none!important;
		list-style-type:none;
		margin:0 0 1em 0;
		padding:0;
	}
	
	ol.snspol ul li{
		list-style:none!important;
		list-style-type:none;
	}
	

/*館内見学*/
ul.required-time-star{
	margin:1em 0 1em 0;
	padding:0;
	list-style:none;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

ul.required-time-star li{
	flex:1 1 calc(50% - 2em);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	width:100%;
	max-width:calc(50% - 2em);
	
	margin:0 2em 0.5em 0;
	padding:0 0 0.5em 0;
	border-bottom:dotted 2px #ccc;
}

ul.required-time-star li em{
	display:inline-block;
	width:5em;
	color:#ff8800;
	font-style:normal;
}

ul.required-time-star li strong{
	display:inline-block;
}


ul.required-time{
	margin:1em 0 1em 0;
	padding:0;
	list-style:none;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

ul.required-time li{
	flex:1 1 calc(50% - 2em);
	width:100%;
	max-width:calc(50% - 2em);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	margin:0 2em 0.5em 0;
	padding:0 0 0.5em 0;

	border-bottom:dotted 2px #ccc;
}



ul.required-time li strong{
	width:calc(100% - 6em);
	padding-right:1em;
}


ul.required-time li em{
	display:inline-block;
	width:5em;
	text-align:right;
	color:#ff8800;
	font-style:normal;
}

ul.required-time li a{
	text-decoration:none;
	padding-left:1.2em;
	background-image:url("http://www.kmnh.jp/wp-content/themes/kmnh_jp/images/school/icons_pdf.gif");
	background-repeat:no-repeat;
	background-position:left center;
	color:#003399;
}

ul.required-time li a:hover{
	color:#0066FF;
}


ul.activity-map{
	margin:1em 0 1em 0;
	padding:0;
	list-style:none;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

ul.activity-map li{
	margin-bottom:0.5em;
	marign-right:2em;
	width:10em;
}

ul.activity-map li a{
	text-decoration:none;
	padding:1em 1em 1em 1.2em;
	
	background-image:url("http://www.kmnh.jp/wp-content/themes/kmnh_jp/images/school/icons_pdf.gif");
	background-repeat:no-repeat;
	background-position:left center;
	color:#003399;
}

ul.activity-map li a:hover{
	color:#0066FF;
}

h3.kengaku{
	color:#009966;
	margin-bottom:1em;
}

h3.kengaku::before{
	content:"\025ce";
	font-size:1.2em;
}

h4.kengaku{
	color:#006699;
	margin-bottom:1em;
}

h4.kengaku::before{
	content:"\025bc";
	font-size:1.2em;
}

/*刊行物案内*/
	ul.publication{
		list-style:none;
		margin:0;
		padding:0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		box-sizing: border-box;
	}
	
	ul.publication li{
		flex:1 1 auto;
		padding:1em;
		text-align:center;
		font-size:2.5vw;
	}
	
	ul.publication img{
		display:block;
		max-width:100%;
		height:auto;
		margin:auto;
	}
	


/************************************************************************/
/*カテゴリ表示*/

.CategoryListWrap{
	width:100%;
}


	.CategoryListWrap .item-image{
		width:100%;
		padding-bottom:0.5em;
		margin-bottom:1em;
		
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	
		border-bottom:dotted 1px #ccc;
		
		align-items:flex-start;
		/*flex-flow: row-reverse;*/
		
	}
	


.CategoryListWrap .item-image figure{
	width:100px;
	margin:0px 10px 10px 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	overflow:hidden;
	border:solid 1px #ccc;
}

.CategoryListWrap .item-image figure img{
	width:100%;
	height:auto;
	transition: all 0.5s ease-in-out;
}

.CategoryListWrap .item-image figure img:hover{
	transform: scale(0.9,0.9);
}


	.CategoryListWrap .item-image dl{
		margin:0;
		padding:0;
		width:calc(100% - 122px);
	}


.CategoryListWrap .item-image dl dt{
	margin:0 0 0.5em 0;
	padding:0;
}

.CategoryListWrap .item-image dl dt::before{
	content:"\0276F";
	color:#ff9900;
	margin-right:0.25em;
}

.CategoryListWrap .item-image dl dd{
	margin:0;
	padding:0;
	font-size:0.9em;
}

.CategoryListWrap .item-noimage{
	width:100%;
	padding-bottom:0.5em;
	margin-bottom:1em;
	border-bottom:dotted 1px #ccc;
}

.CategoryListWrap .item-noimage dl{
	margin:0;
	padding:0;
	width:auto;
}

.CategoryListWrap .item-noimage dl dt{
	margin:0 0 0.5em 0;
	padding:0;
}
.CategoryListWrap .item-noimage dl dt::before{
	content:"\0276F";
	color:#ff9900;
	margin-right:0.25em;
}

.CategoryListWrap .item-noimage dl dd{
	margin:0;
	padding:0;
	font-size:0.9em;
}


.UchihakuCategory{
	margin:0;
	margin-bottom:20px;
	padding:0;
}

.UchihakuCategory ul{
	margin:0;
	padding:0;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.UchihakuCategory ul li{
	margin:1em;
	padding:0;
	width:150px;
	text-align:center;
	border:solid 3px #339966;
	border-radius:10px;
	overflow:hidden;
}

.UchihakuCategory ul li a{
	display:block;
}

.UchihakuCategory ul li a:hover{
	background:rgba(100,200,0,0.5);
}

.UchihakuCategory ul li figure img{
	display:block;
	width:100%;
	height:auto;
}

.UchihakuCategory ul li figcaption{
	font-weight:600;
	color:#339966;
}


.UchihakuCategory .ouchimuseum{
	width:100%;
}

.UchihakuCategory .ouchimuseum img{
	max-width:100%;
	height:auto;
	display:block;
}

/************************************************************************/
/*緊急事態トップページバナー*/

ul.SPRIT{
			box-sizing: border-box;
			list-style:none;
			margin:-1px -1px 19px -1px;
			padding:0;
		  	display:-webkit-box;
		  	display:-ms-flexbox;
		  	display:flex;
		  	/*
		  	-ms-flex-wrap: wrap;
		  	flex-wrap: wrap;
		  	*/
		 	-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		
		ul.SPRIT li{
			margin:1px;
			paddiing:0;
		}

ul.SPRIT img{
	display:block;
	margin:0;
}