/* bottom-right ****************************/
.otapp .mypage-body-bodymap-map-zoomAttr{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	right: 0px;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    background-color: rgba(255, 0, 0, 0.1);
}

/* bottom-right - attribution ****************************/
.otapp .mypage-body-bodymap-map-zoomAttr-attr{
	background-color: rgba(255,255,255,0.8);
	font-size: 0.8em;
	padding: 2px;
	padding-right: 4px;
	padding-left: 4px;
	border-top-left-radius: 5px;
}

/* bottom-right - zoom ****************************/
.otapp .mypage-body-bodymap-map-zoomAttr-zoom{
	position: absolute;
	top: -90px;
	right: 0px;
}

.otapp .mypage-body-bodymap-map-zoomAttr-zoom img{
	display: block;
}

.otapp .mypage-body-bodymap-map-zoomAttr-zoom-plus{
	border-top-left-radius: 5px;
}

.otapp .mypage-body-bodymap-map-zoomAttr-zoom-less{
	border-bottom-left-radius: 5px;
}

.otapp .mypage-body-bodymap-map-zoomAttr-zoom-plus, .otapp .mypage-body-bodymap-map-zoomAttr-zoom-less{
	width: 35px;
	height: 35px;
	background-color: rgba(255,255,255,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.otapp .mypage-body-bodymap-map-zoomAttr-zoom-plus{
	border-bottom: 1px solid rgba(180,180,180,0.8);
}