@charset "UTF-8";


/*======================================
	歴史人物伝
=======================================*/
h2 img{
	margin-bottom:20px;
}
.contents_list{
	border:solid 1px #000;
	padding:3%;
	margin-bottom:20px;
}
.contents_list h4{
	text-align:center;
}
.contents_list ol{
	overflow:hidden;
}
.contents_list li{
	float:left;
	margin:0 10px 10px 0;
}

#main_wrap{
	border:solid 1px #d1ba9d;
	border-radius:0.5em;
	background-color:#fff;
	padding:3%;
	clear:both;
}
.contents_list{
	border:solid 3px #e94532;
}
.contents_list h4{
	color:#e94532;
}
.history{
	clear:both;
	overflow: hidden;
	margin-bottom:30px;
}
.history h3 span{
	padding-left:35px;
}
.history h3{
	position:relative;
	margin-bottom:10px;
	font-size:130%;
}
.history h3:before{
	content:'';
	height:6px;
	width:25px;
	position:absolute;
	top:10px;
	background-color:#e94532;
}
.history_txt{
	margin-bottom:1.0em;
}
.history_img{
	width:45%;
	float:right;
	margin:0 0 3% 3%;
	font-size:80%;
	line-height:1.5;
}
.history_img img{
	margin-bottom:10px;
}
.history_img p{
	margin-bottom:20px;
}

#profile{
	margin-bottom:20px;
}
.page_list{
	width:100%;
	max-width:400px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
.page_list a{
	text-decoration:none;
	color:#000;
}
.page_list a:hover{
	opacity:0.5;
}
.page_list .prev,
.page_list .next,
.page_list li a{
	float:left;
	padding:5px 10px;
	border-radius:0.5em;
	background-color:#fff;
	border:solid 1px #8fc31f;
	font-weight:bold;
	margin:0 1% 2.0em 1%;
}

.page_list li.this{
	float:left;
	padding:5px 10px;
	border-radius:0.5em;
	background-color:#8fc31f;
	border:solid 1px #8fc31f;
	font-weight:bold;
	margin:0 1% 2.0em 1%;
	color:#fff;
}
.page_list .prev,
.page_list .next{
	overflow:hidden;
	float:left;
}
.page_list .prev_next{
	display:block;
	white-space:nowrap;
}
.page_list .prev_next_s{
	display:none;
	white-space:nowrap;
}

.page_list .first,
.page_list .last{
	color:#a6a6a7;
}


/* 関連スポット */
#related_spot h3{
	font-size:120%;
	color:#fff;
	background-color:#84b131;
	padding:0.5em 1em;
	margin-bottom:1em;
	border-radius:0.3em;
}

#related_spot ul{
	margin-top:20px;
	overflow:hidden;
}
#related_spot li{
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
}

#related_spot .name a{
	margin-top:10px;
	color:#000;
	font-size:120%;
	font-weight:bold;
	text-decoration: underline;
}
#related_spot .name a:hover{
	opacity:0.5;
}
#related_spot .spot_detail{
	margin-bottom:20px;
}



/* ボタン */
.more_wrap,
.btn_more div{
	width: 180px;
	margin:0 auto;
}
.btn_more p{
	background-position: 35px center;
	padding-left:25px;
}

/*======================================
	タブレット
=======================================*/
@media screen and (max-width: 599px) {
	#related_spot ul{
		max-width:330px;
		width:100%;
		margin:0 auto;
	}
	#related_spot li{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.page_list .prev_next,
	.page_list .prev_next_s,
	.page_list li{
		margin:0 2% 2.0em 2%;
	}
	.page_list{
		max-width:275px;
	}
	.page_list .prev_next{
		display:none;
	}
	.page_list .prev_next_s{
		display:block;
	}
}

/*======================================
	清河八郎
=======================================*/
.hachiro_link{
	display: flex;
	justify-content: space-evenly;
}
#hachiro_site{
	margin:0 auto;
	font-size:80%;
	text-align:center;
	margin-bottom:2.0em;
}
#hachiro_site img{
	width:230px;
	margin-bottom:0.5em;
}

/*======================================
	阿部亀治
=======================================*/

#page_history_kameji_2 #history04 .history_img{
	width:100%;
}
#page_history_kameji_3 .person{
	margin-bottom:2.0em;
	overflow:hidden;
}
#page_history_kameji_3 .history_img{
	width:30%;
	margin-bottom:1.0em;
}

#page_history_kameji_3 #related_spot img{
	width:46%;
	margin:2%;
	float:left;
	margin-bottom:1.0em;
}
@media screen and (max-width: 599px) {
	
	#page_history_kameji_3 #spot_wrap{
		width:100%;
		max-width:330px;
		margin:0 auto;
	}
	#page_history_kameji_3 #spot_img img{
		width:100%;
		float:none;
		margin-bottom:1.0em;
	}
}

/*======================================
	内藤秀因
=======================================*/

#page_history_shuin #history01 div{
	width:46%;
	margin:2%;
	float:left;
	font-size:90%;
}

/* 年表 */
#page_history_shuin #history02 dl{
	overflow: hidden;
	border-bottom: dotted 1px #000;
	margin-top: 1em;
}
#page_history_shuin #history02 dt{
	font-weight:bold;
	font-size:90%;
	width: 20%;
	clear: left;
	float: left;
	margin: 0;
	padding: 0.5em 2.5%;
	border-top: dotted 1px #000;
	overflow: hidden;
}
#page_history_shuin #history02 dd{
	width: 70%;
	float: left;
	margin: 0;
	padding: 0.5em 2.5%;
	border-top: dotted 1px #000;
	overflow: hidden;
}
/* 関連スポット */
#page_history_shuin #spot_img img{
	width:46%;
	margin:2%;
	float:left;
	margin-bottom:1.0em;
}



@media screen and (max-width: 599px) {
	
	#page_history_shuin #history01 div{
		width:100%;
		max-width:330px;
	}
	#page_history_shuin #spot_wrap{
		width:100%;
		max-width:330px;
		margin:0 auto;
	}
	#page_history_shuin #spot_img img{
		width:100%;
		float:none;
		margin-bottom:1.0em;
	}
}

/*======================================
	北館大学助利長
=======================================*/
#page_history_toshinaga_3 #history07{
	border:1px solid #000;
	padding:50px 1.0em 1.0em 1.0em;
	background-image:url("../img/spage/history/toshinaga/column_bk.png");
	background-repeat:no-repeat;
	background-size:100%;;
	background-position: top center;
	margin-bottom:50px;
}
#page_history_toshinaga_3 #history07 h3{
	width:65%;
	float:left;
	margin-bottom:10px;
}
#page_history_toshinaga_3 .history_img{
	width:30%;
}