@charset "utf-8";
/************************************************************* 
Map 
*************************************************************/
/* 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**************/