
/* page_id=526 */
#ymm{ }
#ymm_list{ padding-left: 0; }
#ymm_map { height: 600px; }

a.ymmPoint{
  display:block;
  position: absolute;
  width: 12px; height: 12px;
  background: #F30;
  overflow:hidden;
  border-radius:12px;
  text-indent:50px;
}

ul.itemlist{ margin: 0; padding: 0; }
ul.itemlist li{ list-style:none; margin:0; }
ul.itemlist li.rank1{
  margin:5px 0;
  background:#187321; color:#FFF;
  border-radius:3px;
  background-repeat:no-repeat;
  background-position-x:3px;
  background-position-y:3px;
  clear: both;
}
ul.itemlist li#cat_mnt{ background-image:url("../map_icons/mark_mnt.png");}
ul.itemlist li#cat_san{ background-image:url("../map_icons/mark_san.png");}
ul.itemlist li#cat_ons{ background-image:url("../map_icons/mark_ons.png");}
ul.itemlist li#cat_mic{ background-image:url("../map_icons/mark_mic.png");}
ul.itemlist li#cat_jnj{ background-image:url("../map_icons/mark_jnj.png");}
ul.itemlist li#cat_sss{ background-image:url("../map_icons/mark_sss.png");}

ul.itemlist li.rank1#cat_sss{ background-color:#B6003D; }

ul.itemlist li.rank1 a{
  color:#FFF;
  display: block;
  width: 100%;
  padding:5px 5px 5px 30px;
}

ul.itemlist ul.rank2{
  padding:0; margin:0 0 5px 0;
}
ul.itemlist ul.rank2 li{
  background:#FFF;
  color:#333;
  overflow: hidden;
  border:1px solid #187321; border-top:2px solid #FFF;
}
ul.itemlist ul.rank2#child_cat_sss li{
  border:1px solid #B6003D; border-top:2px solid #FFF;
}

ul.itemlist ul.rank2 li a{
  display:block;
  width:100%; padding:5px;
  font-size:85%; color:#666;
}
ul.itemlist ul.rank2 a:hover{ text-decoration:none; }

ul.itemlist ul.rank2 li{
  position: relative;
  padding-left: 10px;
}
ul.itemlist ul.rank2 li:before{
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%; left: 5px;
  width: 0; height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #F00;
}
@media(max-width:769px){
  #ymm{ min-height: 600px; }
  #ymm_list{ min-height:none!important; padding-right:0; }
  #ymm_map { height:300px; min-height:300px; }
  ul.itemlist ul.rank2{ background:#FFF; }
  ul.itemlist ul.rank2 li{ width:50%; float:left; }
  ul.itemlist ul.rank2 li a{ font-size:75%; white-space:nowrap; }
  ul.itemlist ul.rank2 li:nth-child(2n){ border-left:none; }
}

