@charset "UTF-8";

#page_header {
	width: 100%;
	height: 200px;
	background: url("../img/bases_top_main.jpg") no-repeat center bottom 35% /cover;
	display: flex;
	align-items: center;
}

.page_title {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 2.5rem;
	margin-left: 2rem;
	font-weight: normal;
	color: #FFF;
}

#bases {
	margin-bottom: 4rem;
}

#bases_map {
	margin: 2rem;
}


.headline {
	text-align: center;
}

.headline .en {
	display: block;
	font-size: 2rem;
	font-family: "Courier New", Courier, "monospace";
	font-weight: bold;
}

.headline .ja {
	display: block;
	font-size: 1.5rem;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: bold;
}

#bases_map .bases_map_img {
	width: 1000px;
	object-fit: contain;
	margin: 0 auto;
}

.bases_list {
	width: 600px;
	margin: 1rem auto 2rem auto;
	border-collapse: collapse;
}

img.bases_icon {
	width: 80px;
	margin: 0 auto;
}

.bases_list th {
	height: 2rem;
	padding: 0 1rem;
	text-align: center;
	color: #FFF;
}

.bases_list td {
	border-bottom: 1px solid;
}

.bases_list tr td:nth-child(2) {
	padding: 1rem 0 1rem 1rem;
}

.bases_list tr td:nth-child(1) {
	width: 200px;
	font-weight: bold;
	text-align: center;
}

.bases_office th {
	background: #FF7F81;
}

.bases_office td {
	border-bottom-color: #FF7F81;
}

.bases_office tr td:nth-child(1) {
	background: #FFADAF;
}

.bases_planting th {
	background: #7ACB81;
}

.bases_planting td {
	border-bottom-color: #7ACB81;
}

.bases_planting tr td:nth-child(1) {
	background: #B5E1B9;
}

.bases_energy th {
	background: #FFC55C;
}

.bases_energy td {
	border-bottom-color: #FFC55C;
}

.bases_energy tr td:nth-child(1) {
	background: #FFDE96;
}
.new_base th {
	background: #8D8D8D;
}

.new_base td {
	border-bottom-color: #8D8D8D;
}

.new_base tr td:nth-child(1) {
	background: #CDCDCD;
}