@charset "utf-8";
/* for Mobile-Phone */
@media screen and (max-width:480px) { 
.leaflet-popup-content {
    max-width: 270px !important;
}
}
/*********タグマーカー*********/
@font-face {
  font-family: 'mk-tag';
  src:  url('fonts/mk-tag.eot?6i5mvl');
  src:  url('fonts/mk-tag.eot?6i5mvl#iefix') format('embedded-opentype'),
    url('fonts/mk-tag.ttf?6i5mvl') format('truetype'),
    url('fonts/mk-tag.woff?6i5mvl') format('woff'),
    url('fonts/mk-tag.svg?6i5mvl#mk-tag') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*balloon-design(/leaflet/leaflet_1.3.1.css)*/
.leaflet-popup-content-wrapper {
    /*original
				padding: 1px;
    text-align: left;
				border-radius: 12px;
    */
				border-radius: 6px !important;
}
/***********************************
***********************************
MARKER
***********************************
***********************************/
/* marker num */
@font-face {
  font-family: 'Chakra Petch';
  src: url('fonts/ChakraPetch-Italic.woff') format('woff'),
       url("fonts/font/ChakraPetch-Italic.ttf") format("ttf");
}
/*********ティアドロップマーカー*********/
.mk-cat-pin {
  position: absolute;
}
.mk-cat-pin::after {
  content: '';
  position: absolute;
  width: 80%;
  height: 80%;
  bottom: 20%;
  left: 10%;
  border: solid 2px #fff;
  box-sizing: border-box !important;
  border-radius: 50% 50% 50% 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: content-box;
  box-shadow: -3px 3px 5px rgb(0, 0, 0, .1);
}
.mk-num-pin { /*数字*/
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000;
  font-family: 'Chakra Petch', sans-serif;
  font-size: 110%;
  font-weight: 700;
  padding: 0;
  margin: 0;
  position: absolute;
  /*top: -45%;*/
  bottom: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
}
.mk-num-pin::after { /*白丸*/
  content: '';
  position: absolute;
  width: 55%;
  height: 55%;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  top: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  z-index: -1;
}
.mk-num-pin-inner { /*数字*/
  font-family: 'Chakra Petch', sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 12px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 15px;
  box-sizing: border-box;
  transform: scale(1, 1.5);
}
/*カテゴリー別*/
.pin_cat_9::after {
  background: #8a614d;
}
.pin_cat_10::after {
  background: #aaffdf;
}
.pin_cat_11::after {
  background: #00ffbd;
}
.pin_cat_12::after {
  background: #00d5b3;
}
.pin_cat_13::after {
  background: #00aaa3;
}
.pin_cat_20::after {
  background: #80bfff;
}
.pin_cat_21::after {
  background: #0080ff;
}
.pin_cat_30::after {
  background: #d761e5;
}
.pin_cat_31::after {
  background: #aa00aa;
}
.pin_cat_40::after {
  background: #ffa4cd;
}
.pin_cat_41::after {
  background: #ff55aa;
}
.pin_cat_50::after {
  background: #ffd58d;
}
.pin_cat_51::after {
  background: #ffb162;
}
.pin_cat_52::after {
  background: #ff8000;
}
.pin_cat_60::after {
  background: #fdfd86;
}
.pin_cat_61::after {
  background: #ffff00;
}
.pin_cat_62::after {
  background: #ffea00;
}
.pin_cat_70::after {
  background: #ff0000;
}
.pin_cat_71::after {
  background: #e10000;
}
.pin_cat_80::after {
  background: #e1a161;
}
.pin_cat_81::after {
  background: #bb7632;
}
.pin_cat_82::after {
  background: #974400;
}
/*********ティアドロップマーカー END*********/

/**************フラッグマーカー**************/
.mk-num-tag { /*数字エリア*/
  margin: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  bottom: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, -50%);
}
.mk-num-tag::after { /*白丸*/
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, 1);
  border: 0.5px solid #999;
  border-radius: 50%;
  top: -135%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  z-index: -1;
}
.mk-num-tag-inner { /*数字*/
  font-family: 'Chakra Petch', sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 10px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
  box-sizing: border-box;
  transform: scale(1, 1.5);
}
div[class*="svg_cat_"] {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/*カテゴリー別*/
.svg_cat_1 {
  background-image: url("img/locamo/common/cat_1.svg");
}
.svg_cat_2 {
  background-image: url("img/locamo/common/cat_2.svg");
}
.svg_cat_3 {
  background-image: url("img/locamo/common/cat_3.svg");
}
.svg_cat_4 {
  background-image: url("img/locamo/common/cat_4.svg");
}
.svg_cat_5 {
  background-image: url("img/locamo/common/cat_5.svg");
}
.svg_cat_6 {
  background-image: url("img/locamo/common/cat_6.svg");
}
.svg_cat_7 {
  background-image: url("img/locamo/common/cat_7.svg");
}
.svg_cat_8 {
  background-image: url("img/locamo/common/cat_8.svg");
}
.svg_cat_9 {
  background-image: url("img/locamo/common/cat_9.svg");
}
.svg_cat_10 {
  background-image: url("img/locamo/common/cat_10.svg");
}
.svg_cat_11 {
  background-image: url("img/locamo/common/cat_11.svg");
}
.svg_cat_12 {
  background-image: url("img/locamo/common/cat_12.svg");
}
.svg_cat_13 {
  background-image: url("img/locamo/common/cat_13.svg");
}
/*SP*/
@media screen and (max-width: 572px) {
  .mk-num-tag::after { /*白丸*/
    width: 15px;
    height: 15px;
    top: -105%;
    left: 50%;
  }
  .mk-num-tag-inner { /*数字*/
    font-size: 10px;
    padding-bottom: 1.5px;
    transform: scale(.9, 1.3);
  }
}
/**************フラッグマーカー END**************/
[class^="svg_"], [class*=" svg_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'mk-tag' !important;
	speak: never;
	font-style: normal;
	font-size: 52px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: flex;
	justify-content: center;

  /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon_svg_cat_3 .path1:before {
  content: "\e900";
  color: rgb(0, 0, 0);
}
.icon_svg_cat_3 .path2:before {
  content: "\e901";
  margin-left: -0.6767578125em;
  color: rgb(255, 255, 255);
}
.icon_svg_cat_3 .path3:before {
  content: "\e902";
  margin-left: -0.6767578125em;
  color: rgb(0, 0, 0);
}
.icon_svg_cat_3 .path4:before {
  content: "\e903";
  margin-left: -0.6767578125em;
  color: rgb(255, 255, 255);
}
.icon_svg_cat_3 .path5:before {
  content: "\e904";
  margin-left: -0.6767578125em;
  color: rgb(255, 255, 255);
}
/***********************************
***********************************
MAP RUTE
***********************************
***********************************/
@charset "utf-8";
svg polyline {
  fill: none;
}
.walk-base-c1 {
  stroke-width: 7;
  stroke: #2960c0;
  stroke-linecap: round;
}
.walk-base-c2 {
  stroke-width: 7;
  stroke: #447ffc;
  stroke-linecap: round;
}
.walk-base-c3 {
  stroke-width: 7;
  stroke: #e8465e;
  stroke-linecap: round;
}
.walk-line {
  stroke: #fff;
  stroke-width: 1;
}
/***********************************
SIDE BAR
***********************************/

#switch1, #switch2, #switch3 {
  cursor: pointer;
}
.sw-off::after {
  content: "ルート" !important;
}
.sw-on::after {
  content: "ルート" !important;
}
#switch1.sw-off::before {
  color: #c9c5b7 !important;
  content: "\f4d7" !important;
}
#switch1.sw-on::before {
  color: #a3c60d !important;
  content: "\f4d7" !important;
}
#switch2.sw-off::before {
  color: #c9c5b7 !important;
  content: "\f4d7" !important;
}
#switch2.sw-on::before {
  color: #168cbb !important;
  content: "\f4d7" !important;
}
#switch3.sw-off::before {
  color: #c9c5b7 !important;
  content: "\f4d7" !important;
}
#switch3.sw-on::before {
  color: #d6391c !important;
  content: "\f4d7" !important;
}
.mblistcat-index {
  padding: 5px 0 0 1.2em !important;
}
.txt {
  font-size: 0.85em !important;
}
.txt2 {
  font-weight: normal;
  font-size: 0.75em;
  padding: 0 0 0 0.25em;
}
.funcIcon dt {
  clear: left;
  float: left;
  width: 20%;
}
.funcIcon dd {
  margin: 0.5em 0 0.5em 5%;
}
.funcIcon dd:before {
  content: '……　';
}
#locationbar .listtitle02 .area-name {
  border: none !important;
}
#locationbar .normal-area .area-name {
  border-left: 5px solid #c7c0a9 !important;
}
.area-btn-wrapper {
  display: none !important;
}
/****************************************************************
573px以上
****************************************************************/
@media screen and (min-width: 573px) {
  #footerSlideContainer {
    height: 0;
  }
  ul.footerSlideButton_item {
    display: none;
  }
  .sticky-container .sublist {
    display: none;
  }
}
/****************************************************************
481px以上
****************************************************************/
@media (min-width: 481px) {
  .sidebar.collapsed {
    overflow-x: hidden !important;
  }
  .sidebar-left ~ .sidebar-map .leaflet-left {
    /*
	left: 430px !important;
	*/
  }
  .leaflet-left {
    position: absolute !important;
    top: unset !important;
    left: unset !important;
    right: 10px !important;
    bottom: 20px !important;
  }
  .drw-btn {
    display: none !important;
  }
  #footerSlideButton {
    display: none !important;
  }
}
/****************************************************************
ARROWボタン
****************************************************************/
.sticky-container ul.footerSlideButton_item li .arrow-top, .sticky-container ul.footerSlideButton_item li .arrow-bottom {
	width: 0.5em !important;
	height: 0.5em !important;
	color: #c7c0a9 !important;
}
/****************************************************************
572px以下
****************************************************************/
@media screen and (max-width: 572px) {
  .sticky-container {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    /*padding: .5em .5em 0;*/
    padding: .7em 0.5em 0.5em;
    box-sizing: border-box;
    box-shadow: 0 3px 4px rgb(0, 0, 0, .05);
    margin-bottom: 1em;
  }
  .sticky-container:before {
    position: absolute;
    color: #f5f5f5;
    text-shadow: -1px -1px 2px rgba(0, 0, 0, .5), 1px 1px 2px #fff, 1px 1px 0 rgba(0, 0, 0, .2);
    font-size: 200%;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f068';
    z-index: -1;
  }
  .sticky-container .sidebar-header02 {
    display: inline-block;
    box-sizing: border-box;
  }
  .sticky-container .sidebar-header02 .booklet-logo {
    width: auto;
    font-size: 1.2em;
    margin-left: 1px;
  }
  .sticky-container .area-btn-wrapper {
    width: auto !important;
    display: inline-block;
    box-sizing: border-box;
    padding: .2em 0 0;
  }
  .sticky-container .sublist {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 .4em;
    padding: 0;
  }
  .sticky-container .sublist li {
    display: inline-block;
    margin: 0;
    padding: 0 .3em;
  }
  .sticky-container ul.footerSlideButton_item {
    margin: 0 0 0 .4em;
    padding: 0;
    display: inline;
    position: absolute;
    right: 5%;
  }
  .sticky-container ul.footerSlideButton_item li {
    display: inline-block;
    padding: 0 .2em;
    margin: 0;
  }
  .sticky-container ul.footerSlideButton_item li:last-child {
    border-right: none;
  }
  .sticky-container ul.footerSlideButton_item li .arrow-bottom {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    margin: 0 0 3px;
    border-bottom: 3px solid #a79d79;
    border-right: 3px solid #a79d79;
    transform: rotate(45deg);
  }
  .sticky-container ul.footerSlideButton_item li .arrow-top {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    margin: 0 10px;
    border-bottom: 3px solid #a79d79;
    border-right: 3px solid #a79d79;
    transform: rotate(-135deg);
  }
  .funcIcon dt {
    clear: left;
    float: left;
    width: 100%;
    display: block;
    font-size: 0.8em;
  }
  .funcIcon dd {
    margin: 0.2em 0 0.2em 0;
    font-size: 0.8em;
    border-bottom: 1px dotted #999;
  }
  .funcIcon dd:before {
    content: '';
  }
  #locationmap {
    width: 100% !important;
  }
  .leaflet-control-attribution {
    text-align: right !important;
    padding-right: 5px !important;
  }
  #footerSlideContainer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 5000;
    /*overflow: hidden;/*リサイズ用*/
    /*resize: vertical;/*リサイズ用*/
  }
  /*
  #footerSlideContainer::-webkit-resizer {
    display: none;
  }
  */
  #footerSlideContent {
    width: 100%;
    border: none;
  }
  .sidebar-pane {
    padding: 0 !important;
  }
}
/****************************************************************
480px以下
****************************************************************/
@media (max-width: 480px) {
  #footerSlideButton {
    color: #a79d79;
    position: absolute;
    bottom: 0;
    padding: 0 10px;
  }
  .sb-btm {
    display: none !important;
  }
}