html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas {
   height: 289px;width:289px;margin:0 auto;margin-bottom:10px;border:solid 1px #dadada;
  display:block;
  }

#nomapbg{
  width:100%;
  height: 289px;
  position:absolute;
   background-image:url(../images/no_map.png);
    background-size:57px 75px;
    background-repeat: no-repeat;
    background-position:center;
}
  p#tenpo_name{
    font-size:13px;
    font-weight: bold;
    margin-left:10px;

  }
  p#tenpo_add{
    font-size:10px;

    margin-left:10px;
  }
  p#nomaps{
    margin-top:60px;
    line-height:280px;
    vertical-align: middle;
    text-align: center;

  }
  a#btn_shopitem{
    width:auto;
    height:40px;
    margin:10px;
    margin-bottom:0;
    border: 1px solid #F24FA0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-image:url(../images/btn_item.png);
  background-size:88px 15px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent:-999px;
  overflow:hidden;
  }


footer a#btn_footer_pcsite{
    display:none;
  }


  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  #nomapbg {
    background-image:url(../images/no_map@1.5x.png);
  }
  a#btn_shopitem{
    background-image:url(../images/btn_item@1.5x.png);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) ,only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min-device-pixel-ratio: 3) {
  #nomapbg {
    background-image:url(../images/no_map@2x.png);
  }
  a#btn_shopitem{
    background-image:url(../images/btn_item@2x.png);
  }
}

@media only screen and (orientation:landscape){
  #map_canvas{
    width:auto;
    margin:0 10px;
    margin-bottom:10px;
  }


}