.mapbase {
	text-align: center
}
.maplist {
	background: #fff;
	padding: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.maplist.single div{
	width: 100%;
}
.maplist.single div .flex{
	display: flex;
	flex-wrap: wrap;
}
.maplist.single div .flex p{
	width: 20%;
}
.maplist h3 {
	font-size: 20px;
	padding: 6px;
	margin-bottom: 12px;
	color: #fff;
	text-align: center;
}
.maplist .tusima h3{
	background: #2a3e5c
}
.maplist .harima h3{
	background: #43a1bf
}
.maplist .tanba h3{
	background: #94a523
}
.maplist .settu h3{
	background: #e68334
}
.maplist .settu h3 span{ 
	font-size: 14px;
	line-height: 1
}
.maplist .awaji h3{
	background: #ae3424
}
.maplist .tusima,.maplist .harima,.maplist .tanba,.maplist .settu,.maplist .awaji {
	width: 19%;
}

.maplist p {
	line-height: 200%
}

area{
	border:none;
	outline:none;
}

/*///タブレット 縦のみ///*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
}

/*///タブレット 縦から///*/
@media screen and (max-width: 1024px) {
.maplist.single div .flex p{
	width: 25%;
}
}

/*///スマホ 横のみ///*/
@media screen and (max-width: 896px) and (orientation: landscape) {
	.button {
	top: -65px;
}
}

/*///スマホ 横から///*/
@media screen and (max-width: 896px) {
	.maplist.single div .flex p{
		width: 33%;
	}
}

/*///スマホ　縦からは///*/

@media screen and (max-width: 480px) {
.button {
	top: -65px;
}
	.maplist {
		padding: 0;
		flex-direction: column;
	}
	.maplist .tusima,.maplist .harima,.maplist .tanba,.maplist .settu,.maplist .awaji {
	width: 100%;
		margin-bottom: 20px;
}
	.maplist.single div .flex p{
		width: 50%;
	}
}