@charset "utf-8";
.kurobo {
    margin: 10px auto;
}
.sirobo {
    margin: 10px auto;
}
a {
    text-decoration: none;
}
/* 各省庁・陸上自衛隊・海上自衛隊・航空自衛隊 */
.saito-box {
	width: 100%;
	overflow: hidden;
	background: #f2f2f2;
	padding-left: 10px;
	border-radius: 0 0 10px 10px;
}
.saito-box li {
	float: left;
	width: 160px;
	margin: 10px;
	margin-left: 0;
	text-align: center;
	line-height: 3rem;
	background: #00b6ccf2;
	border-radius: 12px;
	box-shadow: 3px 3px 4px #595959;
}
.saito-box li a {
	display: block;
	font-size: 20px;
	color: #fff;
}
.saito-box .chuu {
	width: 180px;
}
.saito-box .dai {
	width: 240px;
}
.saito-box li a:hover {
	background: #F9DB57;
	color:#333;
	border-radius: 12px;
}
/* 各省庁・陸上自衛隊・海上自衛隊・航空自衛隊ここまで */
/* 資料館 */
.syoukai li {
	width: 330px;
	margin: 10px;
	margin-left: 0;
	padding: 10px;
	text-align: center;
	line-height: 1.5rem;
	background: #00b6ccf2;
	border-radius: 12px;
	box-shadow: 3px 3px 4px #595959;
}
.syoukai li a {
	display: block;
	font-size: 20px;
	color: #fff;
}
.syoukai li:hover, .syoukai li a:hover {
	background: #F9DB57;
	color:#333;
	border-radius: 12px;
}
/* 資料館ここまで */
/* 各地方協力本部 */
.chihon-box {
	width: 100%;
	overflow: hidden;
	background: #f2f2f2;
	padding-left: 10px;
	border-radius: 0 0 10px 10px;
}
.chihon-box li {
	float: left;
	width: 180px;
	margin: 10px;
	margin-left: 0;
	text-align: center;
	line-height: 3rem;
	background: #00b6ccf2;
	border-radius: 12px;
	box-shadow: 3px 3px 4px #595959;
}
.chihon-box li a {
	display: block;
	font-size: 20px;
	color: #fff;
}
.chihon-box .dai {
	width: 200px;
}
.chihon-box li a:hover {
	background: #F9DB57;
	color:#333;
	border-radius: 12px;
}
/* 各地方協力本部ここまで */
summary {
	background: #f2f2f2;
	cursor: pointer;
	padding: 10px;
	border-radius: 10px 10px 0 0;
}
details summary:hover {
	background: rgb(97, 255, 247);
}
/* ＰＣサイトはここから */
@media (min-width: 849px){
	.sai-box {
		width: 98%;
		margin: 0 auto;
		display: flex;
	}
	article {
		flex: 1;
	}
	aside {
		width: 460px;
		overflow: hidden;
	}
	aside nav ul li {
		float: left;
		width: 220px;
		margin-left: 10px;
	}
	.syoukai li {
		width: 430px;
		padding: 0;
		line-height: 2.5rem;
	}
	.syoukai li a br {
		display: none;
	}
}