@charset "utf-8";
/* Switch */
@media screen and (min-width: 381px) {
.no-pc {
	display: none;
}
}
@media screen and (max-width: 374px) {
.no-sp {
	display: none;
}
}
/* Sidebar */
.sidebar {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 32%;
	z-index: 2000;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	color: #3d3d3d;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
@media screen and (min-width: 768px) {
.sidebar {
	top: 10px;
	bottom: 10px;
	border-radius: 0 4px 4px 0;
	transition: width 500ms;
}
}
@media (min-width: 1200px) {
.sidebar {
	width: 460px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.sidebar {
	width: 390px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sidebar {
	width: 305px;
}
}
@media screen and (min-width: 375px) and (max-width: 767px) {
.sidebar {
	font-size: 70%;
	width: 32%;
	transition: width 300ms;
	background-color: rgba(255, 255, 255, 0.5);
}
}
@media screen and (max-width: 374px) {
.sidebar {
	font-size: 70%;
	width: 32%;
	background-color: rgba(255, 255, 255, 0.5);
}
}
.sidebar.collapsed {
	width: 40px;
}
@media (max-width: 767px) {
.sidebar.collapsed {
	width: 28px;
}
.leaflet-left {
	float: right;
}
}
.sidebar-left {
	left: 0;
}
@media (min-width: 768px) {
.sidebar-left {
	left: 10px;
}
}
.sidebar-right {
	right: 0;
}
@media (min-width: 768px) {
.sidebar-right {
	right: 10px;
}
}
/* Sidebar Contents */
.sidebar.leaflet-touch {
	border: none;
}
@media (min-width: 768px) {
.sidebar.leaflet-touch {
	border: 1px solid rgba(0, 0, 0, 0.2);
}
}
.fa.fa-pull-left {
	content: "\f02c";
	font-size: 14px;
	line-height: 14px;
}
/* Map Title */
.sidebar-pane .sidebar-header .frame {
	padding-bottom: 2px;
	background: -webkit-gradient(linear, left top, right bottom, from(#2D2F2D), color-stop(0.25, #2D2F2D), color-stop(0.25, #AA9FAA), color-stop(0.5, #AA9FAA), color-stop(0.5, #2D2F2D), color-stop(0.75, #2D2F2D), color-stop(0.75, #AA9FAA), to(#AA9FAA));
	background: -moz-linear-gradient(-45deg, #2D2F2D 25%, #AA9FAA 25%, #AA9FAA 50%, #2D2F2D 50%, #2D2F2D 75%, #AA9FAA 75%, #AA9FAA);
	background: linear-gradient(-45deg, #2D2F2D 25%, #AA9FAA 25%, #AA9FAA 50%, #2D2F2D 50%, #2D2F2D 75%, #AA9FAA 75%, #AA9FAA);
	background-size: 3px 3px;
}
.sidebar-pane .sidebar-header .maptitle {
	margin: 0 0 0 5px;
	line-height: 1.2;
	position: relative;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	width: 80%;
	height: 100%;
	display: inline-block;
	/*text-shadow: 1px 1px 0 #3d3d3d;*/
	word-wrap : break-word;
	overflow-wrap : break-word;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
.sidebar-pane .sidebar-header .maptitle {
	font-size: 80%;
	line-height: 1.1;
	width: 80%;
	display: flex;
	align-items: center;
}
}
@media screen and (max-width: 380px) {
.sidebar-pane .sidebar-header .maptitle {
	width: 65%;
}
}
.sidebar-pane .sidebar-header .maptitle .color-01 {
	color: #a552bc;
	text-shadow: 1px 1px 0 #fff, 2px 2px 0 #3d3d3d;
	padding-right: 2px;
}
.sidebar-pane .sidebar-header .maptitle .color-02 {
	color: #436ac8;
	text-shadow: 1px 1px 0 #fff, 2px 2px 0 #3d3d3d;
	padding-right: 2px;
}
.sidebar-pane .sidebar-header .maptitle .color-03 {
	color: #c8e804;
	text-shadow: 1px 1px 0 #fff, 2px 2px 0 #3d3d3d;
	padding-right: 2px;
}
/* Sidebar Tabs */
.sidebar-tabs {
	top: 0;
	bottom: 0;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	border-right: none;
}
@media screen and (min-width: 768px) {
.sidebar-tabs {
	box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 1);
}
}
@media screen and (max-width: 767px) {
.sidebar-tabs {
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 1);
}
}
/*
.sidebar-tabs > li.active, .sidebar-tabs > ul > li.active {
	background: #e4e5e6;
	background: #d8d8d8;
	background: -moz-linear-gradient(top, #d8d8d8 0%, #d9dde0 49%, #a7acaf 51%, #eff1f2 100%);
	background: -webkit-linear-gradient(top, #d8d8d8 0%, #d9dde0 49%, #a7acaf 51%, #eff1f2 100%);
	background: linear-gradient(to bottom, #d8d8d8 0%, #d9dde0 49%, #a7acaf 51%, #eff1f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#eff1f2', GradientType=0 );
	border-bottom: solid 1px #b8bdc1;
}
*/
.sidebar-tabs > li.active, .sidebar-tabs > ul > li.active {
	background: -webkit-linear-gradient(top, #BCC5CE 0%, #929EAD 98%), -webkit-radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
	background-blend-mode: screen;
	border-bottom: solid 1px #b8bdc1;
}
.sidebar-tabs .map-cate {
	display: block;
	padding: 10px 0 0;
	text-align: center;
}
.sidebar-tabs .map-cate img {
	width: 70%;
}
.sidebar-tabs .map-cate .bg {
	background: #d29ae2;
	background: -moz-linear-gradient(top, #d29ae2 0%, #d29ae2 33%, #6c88cb 33%, #6c88cb 67%, #c6d373 67%, #c6d373 100%);
	background: -webkit-linear-gradient(top, #d29ae2 0%, #d29ae2 33%, #6c88cb 33%, #46c88cb 67%, #c6d373 67%, #c6d373 100%);
	background: linear-gradient(to bottom, #d29ae2 0%, #d29ae2 33%, #6c88cb 33%, #6c88cb 67%, #c6d373 67%, #c6d373 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d29ae2', endColorstr='#c6d373', GradientType=0 );
}
.sidebar-tabs .map-cate .btn {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	vertical-align: middle;
	overflow: hidden;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	text-shadow: -1px -1px rgba(255, 255, 255, 0.43), 1px 1px rgba(0, 0, 0, 0.49);
	transition: .4s;
}
.sidebar-tabs .map-cate .btn:active {
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
	border-bottom: none;
}
@media screen and (max-width: 899px) {
.sidebar-tabs .map-cate .btn {
	width: 20px;
	height: 20px;
	line-height: 25px;
	font-size: 12px;
}
}
.sidebar-tabs .map-top {
	position: absolute;
	bottom: 5px !important;
	text-align: center;
}
.sidebar-tabs .map-top img {
	width: 70%;
}
.sidebar-left .sidebar-tabs {
	left: 0;
}
.sidebar-right .sidebar-tabs {
	right: 0;
}
.sidebar-tabs, .sidebar-tabs > ul {
	position: absolute;
	width: 40px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
@media (max-width: 767px) {
.sidebar-tabs, .sidebar-tabs > ul {
	width: 28px;
}
}
.sidebar-tabs > li, .sidebar-tabs > ul > li {
	width: 100%;
	height: 40px;
	color: #333;
	font-size: 12pt;
	overflow: hidden;
	transition: all 80ms;
}
.sidebar-tabs > li:hover, .sidebar-tabs > ul > li:hover {
	color: #000;
	background-color: #fff;
}
.sidebar-tabs > li.active, .sidebar-tabs > ul > li.active {
	color: #fff;
	background-color: rgba(51, 51, 51, 0.4);
}
.sidebar-tabs > li.disabled, .sidebar-tabs > ul > li.disabled {
	color: rgba(51, 51, 51, 0.4);
	background-color: #fff;
}
.sidebar-tabs > li.disabled:hover, .sidebar-tabs > ul > li.disabled:hover {
	background: transparent;
}
.sidebar-tabs > li.disabled > a, .sidebar-tabs > ul > li.disabled > a {
	cursor: default;
}
.sidebar-tabs > li > a, .sidebar-tabs > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	color: inherit;
	text-decoration: none;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sidebar-tabs > ul + ul {
	bottom: 0;
}
.sidebar-content {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.8);
	overflow-x: hidden;
	overflow-y: auto;
}
.sidebar-left .sidebar-content {
	left: 40px;
	right: 0;
}
@media (max-width: 767px) {
.sidebar-left .sidebar-content {
	left: 28px;
	background-color: rgba(255, 255, 255, 0.7);
}
}
.sidebar-right .sidebar-content {
	left: 0;
	right: 40px;
}
.sidebar.collapsed > .sidebar-content {
	overflow-y: hidden;
}
.sidebar-pane {
	display: none;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding: 10px 5px;
}
.sidebar-pane.active {
	display: block;
}
@media (max-width: 767px) {
.sidebar-pane {
	padding: 10px 10px 10px 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sidebar-pane {
	min-width: 265px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.sidebar-pane {
	min-width: 350px;
}
}
@media (min-width: 1200px) {
.sidebar-pane {
	min-width: 420px;
}
}
.sidebar-header {
	margin: -10px -20px 0;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	font-size: 14.4pt;
	color: #fff;
	background: #e4e5e6;
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%, #d9dde0 49%, #a7acaf 51%, #eff1f2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d8d8d8 0%, #d9dde0 49%, #a7acaf 51%, #eff1f2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d8d8d8 0%, #d9dde0 49%, #a7acaf 51%, #eff1f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#eff1f2', GradientType=0 ); /* IE6-9 */
	/*border-bottom: double #b8bdc1;*/
	border-bottom: solid 1px #b8bdc1;
}
.sidebar-header02 {
	margin: -10px -20px 0;
	height: 40px;
	padding: 0 20px;
	line-height: 41px;
	font-size: 13pt;
	color: #fff;
	background: -webkit-linear-gradient(top, #BCC5CE 0%, #929EAD 98%), -webkit-radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
	background-blend-mode: screen;
	border-bottom: solid 1px #b8bdc1;
}
.maptitle {
	margin-left: 5px;
}
.maptitle img {
	display: inline-block;
    width: 20px;
    max-width: 20px;
    margin-bottom: -2px;
	margin-right: 2px;
}
@media (max-width: 767px) {
.sidebar-header02 {
	font-size: 12px;
}
.maptitle {
	margin-left: 5px;
	display: block;
    line-height: 1.1;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.maptitle img {
	display: inline-block;
    width: 15px;
	max-width: 15px;
}
}
@media screen and (max-width: 380px) {
.sidebar-header02 {
	padding: 0 10px 0 15px;
}
.maptitle {
	margin-left: 5px;
	display: block;
	font-size: 10px;
    line-height: 1.1;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.maptitle .name {
	display: inline-block;
	height: 100%;
}
.maptitle .logo {
	display: inline-block;
}
.maptitle img {
	display: inline-block;
    width: 16px;
	max-width: 16px;
	margin-bottom: -5px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
}
.sidebar-right .sidebar-header {
	padding-left: 40px;
}
.sidebar-close {
	position: absolute;
	/*top: 0;*/
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.sidebar-left .sidebar-close {
	right: 0;
}
.sidebar-right .sidebar-close {
	left: 0;
}
.sidebar-left ~ .sidebar-map {
	margin-left: 40px;
}
@media (max-width: 767px) {
.sidebar-left ~ .sidebar-map {
	margin-left: 28px;
}
}
@media (min-width: 768px) {
.sidebar-left ~ .sidebar-map {
	margin-left: 0;
}
}
.sidebar-right ~ .sidebar-map {
	margin-right: 40px;
}
@media (min-width: 768px) {
.sidebar-right ~ .sidebar-map {
	margin-right: 0;
}
}
.sidebar {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
}
.sidebar.leaflet-touch {
	box-shadow: none;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
.sidebar {
	border-radius: 4px;
}
.sidebar.leaflet-touch {
	border: 1px solid rgba(0, 0, 0, 0.2);
}
}
@media (min-width: 768px) {
.sidebar-left ~ .sidebar-map .leaflet-left {
	transition: left 500ms;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sidebar-left ~ .sidebar-map .leaflet-left {
	left: 315px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.sidebar-left ~ .sidebar-map .leaflet-left {
	left: 400px;
}
}
@media (min-width: 1200px) {
.sidebar-left ~ .sidebar-map .leaflet-left {
	left: 470px;
}
}
@media (min-width: 768px) {
.sidebar-left.collapsed ~ .sidebar-map .leaflet-left {
	left: 50px;
}
}
@media (min-width: 768px) {
.sidebar-right ~ .sidebar-map .leaflet-right {
	transition: right 500ms;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sidebar-right ~ .sidebar-map .leaflet-right {
	right: 315px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.sidebar-right ~ .sidebar-map .leaflet-right {
	right: 400px;
}
}
@media (min-width: 1200px) {
.sidebar-right ~ .sidebar-map .leaflet-right {
	right: 470px;
}
}
@media (min-width: 768px) {
.sidebar-right.collapsed ~ .sidebar-map .leaflet-right {
	right: 50px;
}
}
/* Locationbar */
#locationbar {
	padding: 10px 0 10px 5px;
}
@media screen and (max-width: 979px) {
#locationbar {
	height: 400px !important;
	background-color: transparent !important;
	border-style: none !important;
	-webkit-overflow-scrolling: touch !important;
}
}
#locationbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#locationbar ul li {
	margin-bottom: 12px;
    padding-bottom: 0;
	border-bottom: 1px dotted #ddd;
	
}
#locationbar #ListB ul li {
	margin-bottom: 12px;
    padding-bottom: 12px;
	border-bottom: 1px dotted #ddd;
	
}
#locationbar ul li a {
	text-decoration: none;
	color: #666;
}
#locationbar ul li .link-icon {
	padding-left: 7px;
	font-size: 12px;
}
#locationbar ul li .link-icon::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	color: #f00;
}
#locationbar ul li p {
	margin: 0;
	padding: 0;
}
/* AREA LIST */
.area-list {
	color: #666;
	font-size: 70%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
 10px 0 10px 5px
}
.area-list p {
	margin: 0 0 0 3px;
	padding: 0;
	display: inline-block;
}
.square_btn {
	display: inline-block;
	color: #818a98;
	padding: 0.2em 0.6em 0.2em 0.2em;
	margin: 5px 0 16px 0;
	text-decoration: none;
	border: solid 2px #94d1e4;
	border-radius: 3px;
	background: #94d1e4;
	transition: .4s;
}
.square_btn:hover {
	background: #fff;
	border: solid 1px #ff9c01;
	border-radius: 3px;
	color: #fff;
	background: #ff9c01;
}
.square_btn a {
	text-decoration: none;
	color: #fff;
}
.square_btn a:hover {
	color: #fff;
}
.listtitle02 .maptheme {
	margin: 0;
	padding: 0;
}
@media (min-width: 768px) {
.listtitle02 .maptheme {
	max-height: 8px;
	border-bottom: none !important;
}
.listtitle02 .theme {
	margin-left: 2.0em !important;
	margin-top: 1.0em !important;
}
.listtitle02 .maptheme .fa-li {
	left: -0.6em !important;
	top: -0.2em !important;
}
.fa-ul p {
	margin-left: 1.5em !important;
	padding: 0 !important;
	line-height: 1.3 !important
}
}
 @media (max-width: 767px) {
.listtitle02 .maptheme {
	/*max-height: 8px;*/
	margin-bottom: auto !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
}
.listtitle02 .theme {
/*margin-left: 2.0em !important;
	margin-top: 0.5em !important;*/
}
.fa-ul p {
	/*margin-left: 1.5em !important;*/
	padding: 0 !important;
	line-height: 1.3 !important
}
}
/* LIST TITLE */
.listtitle {
	position: relative;
	margin: 5px 0 20px;
	padding: 5px 8px;
	color: #3d3d3d;
	font-size: 80%;
	line-height: 1.3;
	text-shadow: 1px 1px 0 #fff, 2px 2px 0 #ccc;
	border: #4e4e4e solid 2px;
	border-radius: 10px;
	background: #fff;
	box-shadow: -3px -3px 0 0 #d8d7d7 inset, 1px 1px 0 0 #4e4e4e;
	background-image: -webkit-gradient(linear, left top, right bottom, from( rgba(255, 255, 255, 0.0)), color-stop(0.4, rgba(255, 255, 255, 0.0)), color-stop(0.4, rgba(0, 0, 0, 0.1)), color-stop(0.6, rgba(0, 0, 0, 0.1)), color-stop(0.6, rgba(255, 255, 255, 0.0)), to( rgba(255, 255, 255, 0.0)) );
	background-image: -webkit-linear-gradient(top -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60% );
	background-image: -moz-linear-gradient(top -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60% );
	background-image: -o-linear-gradient(top -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60% );
	background-image: linear-gradient(to bottom -45deg, transparent 40%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, transparent 60% );
	background-size: 4px 4px;
	margin-right: 20px;
}
.listtitle02 {
	line-height: 1.3;
}
@media screen and (max-width: 767px) {
.listtitle {
	margin-right: 5px;
}
.listtitle02 {
	margin-right: 5px;
	margin-top: 10px;
}
}
#locationbar .listtitle02 .fas {
	margin-right: 3px;
}
#locationbar .listtitle:before {
	content: " ";
	position: absolute;
	top: 100%;
	left: 14px;
	width: 0;
	height: 0;
	border-width: 12px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #4e4e4e;
}
#locationbar .listtitle:after {
	content: " ";
	position: absolute;
	bottom: -18px;
	left: 18px;
	width: 0;
	height: 0;
	border-width: 9px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #d8d7d7;
}
#locationbar .listtitle-noflex {
	display: block !important;
}
#locationbar .listtitle02 {
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#locationbar .kakko {
	position: relative;
	padding: 5px;
	margin: 0 0 15px 0;
	font-size: 92%;
}
@media screen and (min-width: 481px) {
#locationbar .kakko {
	max-width: 92%;
}
}
#locationbar .kakko::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0.2em;
	width: 0.2em;
	height: 100%;
	border: solid 1px black;
	border-left: none;
}
#locationbar .kakko::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 0.2em;
	height: 100%;
	border: solid 1px black;
	border-right: none;
}
#locationbar .kakko .ichigo {
	display: block;
	padding: 0;
	margin: 0;
}
#locationbar .kakko .ichigo::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3c5";
	color: #f00;
	margin: 0 5px 0 0;
}
#locationbar .kakko .kanko {
	display: block;
	padding: 0;
	margin: 0;
}
#locationbar .kakko .kanko::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3c5";
	color: #338c00;
	margin: 0 5px 0 0;
}
/***** List0 *****/
#List0 ul li {
	font-size: 90%;
}
#List0 ul li .cap {
	font-size: 80%;
}
#List0 ul li .fa, #List0 ul li .fas, #List0 ul li .far, #List0 ul li .fal, #List0 ul li .fab {
	font-size: 140%;
}
/***** List1 *****/
[id^="List"] .listtitle .cap {
	font-size: 80%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
/***** List *****/
#bottomline {
	/*border-top: 1px dotted #999;
	margin: 7px 0 0;
	padding: 7px 0 0;*/
	line-height: 1.2;
	display: -webkit-flex; /* Safari */
	display: flex;
	/*justify-content: flex-end;*/
	flex-wrap: wrap;
	align-items: center;
	width: 96%;
}
#bottomline a {
	color: #3d3d3d;
	text-decoration: none;
}
/* Locationbar Marker */
/*BALLOON COMMON*/
.mblistmk {
	display: block;
	width: 1.2em;
	height: 1.2em;
	margin: 0 3px 0;
	padding: 0;	
	border-top-right-radius: 1.2em;
	border-top-left-radius: 1.2em;
	border-bottom-left-radius: 1.2em;
	position: relative;
	transform: rotate(45deg);
	color: #fff;
	text-align: center;	
}
.mblistmk p {
	font-size: 70%;
    font-weight: bold;
    text-shadow: 0px 0px 2px rgba(0,0,0,.6);
    transform: rotate(-45deg);
    line-height: 1.2em;
    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
}
/*.mblistmk:before {
    content: "";
    position: absolute;
    left: 100%;
    margin-left: -1.3em;
    border: 0.65em solid transparent;
    z-index: 0;
    top: 1em;
}*/

/*teardrop*/
.mblistmk-index {
	display: block;
	width: 0.9em !important;
	height: 0.9em !important;
	margin: 0 3px 0;
	padding: 0;	
	border-top-right-radius: 0.9em !important;
	border-top-left-radius: 0.9em !important;
	border-bottom-left-radius: 0.9em !important;
	position: absolute;
	transform: rotate(45deg);
	color: #fff;
	text-align: center;	
}
.mblistmk-index p {
    font-size: 70%;
    font-weight: bold;
    text-shadow: 0px 0px 2px rgba(0,0,0,.6);
    transform: rotate(-45deg);
    line-height: 1.2em;
    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
}
/*.mblistmk-index:before {
	content: "";
	position: absolute;
	left: 100%;
	margin-left: -0.9em;
	border: 0.45em solid transparent;
	z-index: 0;
	top: 0.6em;
}*/

/*cat_1 BALLOON*/
.mblistmk01, #cat_1 .mblistmk {
	/*background: #aaec1a;*/
	background: #e8131e;
}
/*.mblistmk01:before, #cat_1 .mblistmk:before {
	border-top: 7px solid #aaec1a;
}*/
/*cat_2 BALLOON*/
.mblistmk02, #cat_2 .mblistmk {
	/*background: #FFF100;*/
	background: #ff6700;
}
/*.mblistmk02:before, #cat_2 .mblistmk:before {
	border-top: 7px solid #FFF100;
}*/
/*cat_3 BALLOON*/
.mblistmk03, #cat_3 .mblistmk {
	/*background: #fd9212;*/
	background: #ffc100;
}
/*.mblistmk03:before, #cat_3 .mblistmk:before {
	border-top: 7px solid #fd9212;
}*/
/*cat_4 BALLOON*/
.mblistmk04, #cat_4 .mblistmk {
	/*background: #ff0000;*/
	background: #308600;
}
/*.mblistmk04:before, #cat_4 .mblistmk:before {
	border-top: 7px solid #ff0000;
}*/
/*cat_5 BALLOON*/
.mblistmk05, #cat_5 .mblistmk {
	/*background: #ce0505;*/
	background: #2f9dff;
}
/*.mblistmk05:before, #cat_5 .mblistmk:before {
	border-top: 7px solid #ce0505;
}*/
/*cat_6 BALLOON*/
.mblistmk06, #cat_6 .mblistmk {
	/*background: #da1ec6;*/
	background: #0731ee;
}
/*.mblistmk06:before, #cat_6 .mblistmk:before {
	border-top: 7px solid #da1ec6;
}*/
/*cat_7 BALLOON*/
.mblistmk07, #cat_7 .mblistmk {
	/*background: #fda0b5;*/
	background: #8328e7;
}
/*.mblistmk07:before, #cat_7 .mblistmk:before {
	border-top: 7px solid #fda0b5;
}*/
/*cat_8 BALLOON*/
.mblistmk08, #cat_8 .mblistmk {
	/*background: #3961d8*/
	background: #fa27a0;
}
/*.mblistmk08:before, #cat_8 .mblistmk:before {
	border-top: 7px solid #3961d8;
}*/
/*cat_9 BALLOON*/
.mblistmk09, #cat_9 .mblistmk {
	/*background: #7dc2f7;*/
	background: #8a614d;
}
/*.mblistmk09:before, #cat_9 .mblistmk:before {
	border-top: 7px solid #7dc2f7;
}*/
/*cat_10 BALLOON*/
.mblistmk10, #cat_10 .mblistmk {
	/*background: #9968e4;*/
	background: #ff5654;
}
/*.mblistmk10:before, #cat_10 .mblistmk:before {
	border-top: 7px solid #9968e4;
}*/
/*cat_11 BALLOON*/
.mblistmk11, #cat_11 .mblistmk {
	/*background: #770792;*/
	background: #ffb744;
}
/*.mblistmk11:before, #cat_11 .mblistmk:before {
	border-top: 7px solid #770792;
}*/
/*cat_12 BALLOON*/
.mblistmk12, #cat_12 .mblistmk {
	/*background: #03d8b3;*/
	background: #ffe821;
}
/*.mblistmk12:before, #cat_12 .mblistmk:before {
	border-top: 7px solid #03d8b3;
}*/
/*cat_13 BALLOON*/
.mblistmk13, #cat_13 .mblistmk {
	/*background: #03b72b;*/
	background: #81e41a;
}
/*.mblistmk13:before, #cat_13 .mblistmk:before {
	border-top: 7px solid #03b72b;
}*/
.mblistcat-index {
	padding: 5px 0 0 1.2em !important;
}
#locationbar #bottomline .mblistmk img {
	width: 100%;
}
/* Locationbar Name */
#locationbar #bottomline .ltitleposition {
	width: 98%;
}
@media screen and (max-width: 500px) {
#locationbar #bottomline .ltitleposition {
	max-width: 100%;
	line-height: 1.1;
	margin: 0 0 0 -3px;
}
}
#locationbar #bottomline .ltitle {
	font-weight: bold;
	font-size: 90%;
}
#locationbar #bottomline .newico01 {
	display: inline-block;
	margin-left: 3px !important;
	width: 32px !important;
	height: 11px !important;
	background-image: url("http://www.mapbooks.org/img/locamo/common/listicons/new_01.gif") !important;
	background-repeat: no-repeat !important;
}
/* Locationbar Comment */
#locationbar #bottomline .comment {
	margin: 5px 0;
	line-height: 1.6;
	width: 100%;
}
#locationbar #bottomline .comment img {
	margin: 0 5px 0 0;
}
#locationbar #bottomline .comment .lcaption {
	display: block;
	font-size: 76%;
}
@media screen and (min-width: 980px) and (max-width: 1919px) {
#locationbar #bottomline .comment .lcaption {
	display: block;
	font-size: 76%;
}
}
/* Listicons */
.Img {
	display: inline-block !important;
}
.noImg {
	display: none !important;
}
.leaflet-popup-content p {
	padding: 0.3em 0 0;
	margin: 0;
}
@media screen and (min-width: 480px) {
.nopcImg {
	display: none !important;
}
}
@media screen and (max-width: 480px) {
.nomobileImg {
	display: none !important;
}
}
#locationbar #bottomline .listicons {
	display: -webkit-flex; /* Safari */
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 !important;
	width: 100%;
}
#locationbar #bottomline .listicons img {
	width: 30px;
	height: 30px;
}
@media screen and (max-width: 480px) {
#locationbar #bottomline .listicons img {
	width: 28px;
	height: 28px;
}
}
/* Fontawesome */
.fw-red {
	color: #F00;
}
.fw-orange {
	color: #ffa700;
}
.fw-yellow {
	color: #FF0;
}
.fw-green {
	color: #30b719;
}
.fw-skyblue {
	color: #3FF;
}
.fw-blue {
	color: #00F;
}
.fw-purple {
	color: #b264ea;
}
.fw-pink {
	color: #FF7FFF;
}
/* Map Arrow */
@media screen and (max-width: 480px) {
.leaflet-bar .leaflet-bar-part .fa-location-arrow {
	margin-top: 10px !important;
}
}
.leaflet-bar .leaflet-bar-part .fa-location-arrow {
	margin-top: 10px !important;
	font-size: 13px !important;
}