@charset "utf-8";

/*maptenjin専用スタイル*/

#mainmap {
    width: 100%;
    height: 0;
    position: relative;
    background-image: url(../image/tenjinmap.gif);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    margin: 0 auto;
    padding-bottom: 53%;
 //   color: #FFFFFF;
}

#shop a { //ショップ文字消去
    color: #FF0000;
    text-indent:-130%;
    white-space:nowrap;
    overflow:hidden;
}
#guide a { //ガイド文字消去
    color: #FFFF00;
    text-indent:-130%;
    white-space:nowrap;
    overflow:hidden;
}

#shop a #shop1 {
    position: absolute; 
    top: 30%;
    left: 13%;
    background-image: url(../image/BriocheDoree/shop_img.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
//    border:5px solid #ffcfcf;
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop2 {
    position: absolute; 
    top: 30%;
    left: 28%;
    background-image: url(../image/Koubeya/shop_img2.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop3 {
    position: absolute; 
    top: 10%;
    left: 54%;
    background-image: url(../image/Tullys/shop_img2.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop4 {
    position: absolute; 
    top: 36%;
    left: 68%;
    background-image: url(../image/matsuya/shop_img.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop5 {
    position: absolute; 
    top: 16%;
    left: 74%;
    background-image: url(../image/subway/shop_img.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop6 {
    position: absolute; 
    top: 2%;
    left: 65%;
    background-image: url(../image/kazemachi/shop_img.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop7 {
    position: absolute; 
    top: 38%;
    left: 80%;
    background-image: url(../image/MOSS/shop_img.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop8 {
    position: absolute; 
    top: 38%;
    left: 91%;
    background-image: url(../image/Antique/shop_img.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop9 {
    position: absolute; 
    top: 70%;
    left: 90%;
    background-image: url(../image/Mac/shop_img.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 20%;
    z-index: 2;
    transition: all 0.5s; 
}
#guide a #guide1 {
    position: absolute; 
    top: 10%;
    left: 3%;
    background-image: url(../image/guide/0623IMG_0004.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border:3px solid #ffcfcf;
    width: 11%;
    height: 16%;
    z-index: 2;
    transition: all 0.5s;
}
#guide a #guide2 {
    position: absolute; 
    top: 10%;
    left: 27%;
    background-image: url(../image/guide/0623IMG_0008.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border:3px solid #ffcfcf;
    width: 11%;
    height: 16%;
    z-index: 2;
    transition: all 0.5s;
}
#guide a #guide3 {
    position: absolute; 
    top: 75%;
    left: 77%;
    background-image: url(../image/Starbucks/shop_img2.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border:3px solid #ffcfcf;
    width: 11%;
    height: 16%;
    z-index: 2;
    transition: all 0.5s;
}
#guide a #guide4 {
    position: absolute; 
    top: 84%;
    left: 65%;
    background-image: url(../image/guide/0623IMG_0009.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border:3px solid #ffcfcf;
    width: 11%;
    height: 16%;
    z-index: 2;
    transition: all 0.5s;
}
#guide a #guide5 {
    position: absolute; 
    top: 80%;
    left: 3%;
    background-image: url(../image/guide/0531IMG_0024.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
    border:3px solid #ffcfcf;
    width: 11%;
    height: 16%;
    z-index: 2;
    transition: all 0.5s;
}

.frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  height:100%;
  width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}