@charset "utf-8";

/*mapsinten専用スタイル*/

#mainmap {
    width: 100%;
    height: 0;
    position: relative;
    background-image: url(../image/mapsinten.gif);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    margin: 0 auto;
    padding-bottom: 54%;
 //   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: 80%;
    left: 18%;
    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:5px solid #ffcfcf;
    border-radius: 50%;
    transform: scale(1);
    width: 10%;
    height: 19%;
    z-index: 2;
    transition: all 0.5s;
}
#shop a #shop2 {
    position: absolute; 
    top: 40%;
    left: 18%;
    background-image: url(../image/FUKAYA/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: 19%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop3 {
    position: absolute; 
    top: 10%;
    left: 3%;
    background-image: url(../image/yoshinoya/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: 19%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop4 {
    position: absolute; 
    top: 40%;
    left: 40%;
    background-image: url(../image/UCueshima/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: 19%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop5 {
    position: absolute; 
    top: 15%;
    left: 40%;
    background-image: url(../image/Tullys/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: 19%;
    z-index: 2;
    transition: all 0.5s; 
}
#shop a #shop6 {
    position: absolute; 
    top: 60%;
    left: 65%;
    background-image: url(../image/LOTTERIA/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: 65%;
    background-image: url(../image/DEVENTVERT/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: 15%;
    left: 65%;
    background-image: url(../image/Doutor/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: 60%;
    left: 22%;
    background-image: url(../image/PRONTO/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: 83%;
    left: 35%;
    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: 60%;
    left: 5%;
    background-image: url(../image/guide/0531IMG_0013.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: 5%;
    left: 15%;
    background-image: url(../image/guide/0531IMG_0012.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: 61%;
    left: 40%;
    background-image: url(../image/sinten_bell.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: 73%;
    left: 53%;
    background-image: url(../image/guide/0531IMG_0018.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 #guide6 {
    position: absolute; 
    top: 80%;
    left: 80%;
    background-image: url(../image/guide/0531IMG_0021.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 #guide7 {
    position: absolute; 
    top: 15%;
    left: 80%;
    background-image: url(../image/guide/0531IMG_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;
}

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



/*
#mainmap #mapA {
    width: 100%;
    height: 0;
    display:block;
    position: absolute; 
    background-image: url(../image/tenjinmap.gif);
    background-repeat: no-repeat;
//    background-size:100%;
//    background-size: 100% auto;
    margin: 0 auto;
    padding-top: 90%;
    
}
*/