@charset "utf-8";
@import url("pages.css");
/*--京kinds.css--*/
/* ##########PC########## */
.contents{
	background-image:url(../shared/kinds/bg_contents.jpg);
	background-repeat:no-repeat;
	background-size:430px auto;
	background-position:left calc(50% + 430px) top 40px;
}

.kinds_list_box{
	font-size:1.1em;
}

	.kinds_list_box ul{
		display:flex;
		flex-wrap:wrap;
	}
	
		.kinds_list_box ul li{
			width:calc((100% - 60px) / 4);
			margin:0 20px 20px 0;
		}
		
		.kinds_list_box ul li:nth-child(4n){
			margin:0 0 20px 0;
		}
		
		.kinds_list_box ul li a{
			display:flex;
			align-items:center;
			justify-content:center;
			text-decoration:none;
			border:1px solid #2c517b;
			width:100%;
			height:50px;
			padding-top:0.1em;
			box-sizing:border-box;
			font-weight:bold;
			color:#2c537c;
			background:#fff;
			transition:.3s all ease;
		}
		
		.kinds_list_box ul li a:hover{
			background:#eaedf2;
		}
		
.kind_exp_box,
.kind_exp_box_wrapper{
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	width:800px;
	margin:0 auto;
	position:relative;
}

	.kind_exp_box_wrapper .kind_exp_box{
		width:100%;
		padding:0;
		margin-bottom:3em;
	}
	
	.kind_exp_box_wrapper .kind_exp_box:last-child{
		margin-bottom:0;
	}
	
	.multi_kind_intro_box{
		margin-bottom:3em;
	}
	
		.multi_kind_intro_box > .box_header{
			border-bottom:1px dotted #aaa;
			padding:0 0.5em 0.5em 0.5em;
			font-size:1.3em;
			margin-bottom:0.5em;
			font-weight:bold;
		}
	
		.multi_kind_intro_box > .box_inner{
			line-height:1.8;
			padding:0 1em;
		}

	.kind_exp_box .fs_italic{
		font-style:italic;
	}

	.kind_exp_box > .box_header{
		border-bottom:1px dotted #aaa;
		padding:0 0.5em 0.5em 0.5em;
		margin-bottom:1.5em;
	}
	
		.kind_exp_box > .box_header .ja_name{
			font-size:1.3em;
			margin-bottom:0.3em;
			font-weight:bold;
		}
		
		.kind_exp_box > .box_header .sci_name{}
		
		.kind_exp_box .multi_names{
			line-height:1.4;
			margin-top:0.5em;
		}
		
			.kind_exp_box .multi_names dl{
				display:flex;
				flex-wrap:wrap;
				margin-bottom:0.5em;
			}
			
			.kind_exp_box .multi_names dl:last-child{
				margin-bottom:0;
			}
			
				.kind_exp_box#p04 > .box_header .multi_names dl dt,
				#p06 .multi_names dl dt{
					width:6em;
				}
				
				.kind_exp_box#p04 > .box_header .multi_names dl dd,
				#p06 .multi_names dl dd{
					width:calc(100% - 6em);
				}

				#p13 .multi_names dl dt,
				#p14 .multi_names dl dt{
					width:13em;
				}
				
				#p13 .multi_names dl dd,
				#p14 .multi_names dl dd{
					width:calc(100% - 13em);
				}
				
				#p14 .multi_names dl dt{
					width:10em;
				}
				
				#p14 .multi_names dl dd{
					width:calc(100% - 10em);
				}
				
					.multi_names ul li{
						margin-bottom:0.3em;
						padding-left:1em;
						position:relative;
					}
					
					.multi_names ul li:last-child{
						margin-bottom:0;
					}
					
						.multi_names ul li:before{
							font-family: FontAwesome;
							content:"\f105";
							color:#aaa;
							position:absolute;
							top:0;
							left:0;
						}
		
	.kind_exp_box > .box_inner{
		padding:0 1em;
		line-height:1.8;
		min-height:280px;
	}
	
		.kind_exp_box > .box_inner .multi_exp_images{
			display:flex;
			justify-content:center;
		}
		
		.kind_exp_box > .box_inner .multi_exp_images.bottom{
			margin-top:2em;
		}
		
			.kind_exp_box > .box_inner .multi_exp_images li{
				width:calc(100% / 3);
				box-sizing:border-box;
				padding:0 0.5em;
			}
			
			.kind_exp_box > .box_inner .multi_exp_images li img{
				max-width:100%;
				height:auto;
			}
	
		.kind_exp_box > .box_inner p{
			margin-bottom:1em;
			clear:both;
		}
		
		.kind_exp_box > .box_inner hr.clear{
			margin:0;
			clear:both;
			border:none;
		}
		
			.kind_exp_box > .box_inner p .kind_exp_img{
				display:inline-block;
			}
			
			.kind_exp_box > .box_inner p .kind_exp_img.fr{
				float:right;
				padding:0 0 2em 2em;
			}
			
			.kind_exp_box > .box_inner p .kind_exp_img.fl{
				float:left;
				padding:0 2em 2em 0;
			}
		
			.kind_exp_box > .box_inner p .kind_exp_img.fc{
				display: flex;
				justify-content: center;
			}
			
		.kind_exp_box > .box_inner .references{
			clear:both;
			border-top:1px dotted #aaa;
			padding:0.5em 0.5em 0 0.5em;
		}
		
			.kind_exp_box > .box_inner .references dt{
				font-weight:bold;
				margin-bottom:0.5em;
			}
			
				.kind_exp_box > .box_inner .references dt:before{
					font-family: FontAwesome;
					content:"\f0d7";
					margin-right:0.3em;
					color:#2e507e;
					font-weight:normal;
				}
			
			.kind_exp_box > .box_inner .references dd{
				line-height:1.6;
			}
			
				.kind_exp_box > .box_inner .references dd ul li{
					margin-bottom:0.5em;
					padding-left:1em;
					position:relative;
				}
				
				.kind_exp_box > .box_inner .references dd ul li:last-child{
					margin-bottom:0;
				}
				
				.kind_exp_box > .box_inner .references dd ul li:before{
					font-family: FontAwesome;
					content:"\f105";
					position:absolute;
					top:0;
					left:0;
					color:#2e507e;
				}
				
		.reference_img{
			margin-top:2em;
			text-align:center;
		}
		
			.reference_img img{
				max-width:600px;
				height:auto;
			}


.mfp-close{
	width:50px !important;
	height:50px !important;
	line-height:50px !important;
	font-size:32px !important;
}

/*20200825追加*/
.kind_exp_box .multi_names table th,
.kind_exp_box .multi_names table td{
	vertical-align:top;
	padding-bottom:0.5em;
}

.kind_exp_box .multi_names table tr:last-child th,
.kind_exp_box .multi_names table tr:last-child td{
	padding-bottom:0;
}

.kind_exp_box .multi_names table th{
	white-space:nowrap;
}

.kind_exp_box .outline_exp{
	margin-bottom:2em;
}


.kind_exp_box .exp_img1_wrapper,
.kind_exp_box .exp_img2_wrapper{
	display:flex;
	margin-bottom:1em;
}

.kind_exp_box .exp_img2_wrapper{
	flex-direction:row-reverse;
}

	.kind_exp_box .exp_img1_wrapper .exp,
	.kind_exp_box .exp_img2_wrapper .exp{
		box-sizing:border-box;
		width:calc(100% - 320px);
	}
	
	.kind_exp_box .exp_img1_wrapper .exp{
		padding-right:2em;
	}
	
	.kind_exp_box .exp_img2_wrapper .exp{
		padding-left:2em;
	}
	
	.kind_exp_box .exp_img1_wrapper .exp:last-child,
	.kind_exp_box .exp_img2_wrapper .exp:last-child{
		width:100%;
		padding:0;
	}

	
.kind_exp_box .img_l1,
.kind_exp_box .img_l2{
	text-align:center;
	margin-bottom:1em;
}
	/*複数表示時の子*/
	.kind_exp_child_box{
		margin-bottom: 2em;
		line-height:1;
	}
	
		.kind_exp_child_box > .box_header{
			border-bottom: 1px dotted #aaa;
			padding: 0 0.5em 0.5em 0.5em;
			margin-bottom: 1.5em;
		}
		
			.kind_exp_child_box > .box_header .ja_name{
				font-size: 1.3em;
				margin-bottom: 0.3em;
				font-weight: bold;
			}
			
		.kind_exp_child_box > .box_inner{
			line-height:1.8;
		}
	
/* ##########SP########## */
@media screen and (max-width:479px) {
	.contents{
		background-size:30% auto;
		background-position:right top 5vw;
	}
	
	.kinds_list_box{
		font-size:1em;
	}
	
		.kinds_list_box ul li{
			width:calc((100% - 3vw) / 2);
			margin:0 3vw 3vw 0;
		}
		
		.kinds_list_box ul li:nth-child(4n){
			margin:0 3vw 3vw 0;
		}
		
		.kinds_list_box ul li:nth-child(2n){
			margin:0 0 3vw 0;
		}
			
			.kinds_list_box ul li a{
				height:10vw;
				padding-top:0.2em;
			}
			
			
	.kind_exp_box,
	.kind_exp_box_wrapper{
		padding:3vw;
		width:96%;
	}
	
	.kind_exp_box img,
	.kind_exp_box_wrapper img{
		max-width:100%;
		height:auto;
	}
	
		.kind_exp_box_wrapper .kind_exp_box{
			width:100%;
			padding:0;
			margin-bottom:2em;
		}
		
		.kind_exp_box_wrapper .kind_exp_box:last-child{
			margin-bottom:0;
		}
		
		.multi_kind_intro_box{
			margin-bottom:3em;
		}
		
			.multi_kind_intro_box > .box_inner{
				line-height:1.6;
				padding:0 3vwem;
			}
	
			.kind_exp_box > .box_header .ja_name{
				font-size:1.2em;
			}
			
			.kind_exp_box > .box_header .multi_names{
				line-height:1.4;
				margin-top:0.5em;
			}
			
				.kind_exp_box > .box_header .multi_names dl{
					display:block;
					margin-bottom:0.5em;
				}
				
				.kind_exp_box > .box_header .multi_names dl:last-child{
					margin-bottom:0;
				}
				
					.kind_exp_box#p04 > .box_header .multi_names dl dt,
					#p06 .multi_names dl dt,
					.kind_exp_box#p04 > .box_header .multi_names dl dd,
					#p06 .multi_names dl dd,
					#p13 .multi_names dl dt,
					#p14 .multi_names dl dt,
					#p13 .multi_names dl dd,
					#p14 .multi_names dl dd,
					#p14 .multi_names dl dt,
					#p14 .multi_names dl dd{
						width:100%;
					}
					
		.kind_exp_box > .box_inner{
			padding:0;
			line-height:1.6;
			min-height:inital;
			min-height:auto;
		}
		
				.kind_exp_box > .box_inner p .kind_exp_img{
					display:inline-block;
				}
				
				.kind_exp_box > .box_inner p .kind_exp_img.fr,
				.kind_exp_box > .box_inner p .kind_exp_img.fl{
					display:block;
					float:none;
					width:80%;
					padding:0;
					margin:0 auto 1em auto;
				}
			
			.reference_img{
				margin-top:1em;
			}
			
				.reference_img img{
					max-width:100%;
					height:auto;
				}
				
	/*20200825追加*/
	.kind_exp_box .exp_img1_wrapper,
	.kind_exp_box .exp_img2_wrapper{
		display:block;
	}
	
		.kind_exp_box .exp_img1_wrapper .exp,
		.kind_exp_box .exp_img2_wrapper .exp{
			padding:0;
			width:100%;
		}
		
		.kind_exp_box .exp_img1_wrapper .img,
		.kind_exp_box .exp_img2_wrapper .img{
			padding:0 3vw;
		}
		
	.kind_exp_box .img_l1,
	.kind_exp_box .img_l2{
		padding:0 3vw;
	}

	.kind_exp_child_box > .box_header .ja_name{
		font-size:1.2em;
	}
	

}

/* ##########印刷用########## */
@media print{

}