@charset "UTF-8";

/*======================================
	歴史人物伝
=======================================*/
h2 img{
	margin-bottom:20px;
}
#intro{
	margin-bottom:20px;
	overflow:hidden;
}

#main_wrap{
	padding:3%;
	overflow:hidden;
}


.person_list{
	width:44%;
	display:inline-block;
	margin:2.0em 2%;
	overflow:hidden;
	vertical-align:top;
}
.person_list h3{
	width:25%;
	float:right;
}
.person_list .pic{
	width:70%;
	float:left;
	margin-bottom:20px;
}
.person_list .txt{
	width:70%;
	float:none;
	font-size:85%;
	margin-bottom:20px;
}

/* 詳細をみるボタン */
.person_list .more_wrap{
	width:70%;
}
.person_list .btn_more div{
	width: 160px;
	margin:0 auto;
}
.person_list .btn_more p{
	background-position: 30px center;
	padding-left:25px;
}


/*======================================
	タブレット
=======================================*/
@media screen and (max-width: 599px) {

	#intro_txt,
	#intro_img{
		width:100%;
		float:none;
		margin:0 auto;
		margin-bottom:20px;
	}
	#intro_img{
		max-width:300px;
	}
	.person_list{
		width:100%;
		max-width:330px;
		display: inherit;
		margin:0 auto;
		margin-bottom:2.0em;
	}
	.person_list h3{
		max-width:85px;
	}
	.person_list .pic,
	.person_list .txt{
		max-width:210px;
	}
}