@charset "utf-8";

/*mapchikaL専用スタイル*/

#mainmap {
    width: 100%;
    height: 0;
    position: relative;
    background-image: url(../image/mapchikaL.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: 60%;
    left: 5%;
    background-image: url(../image/ITALIANTOMATO/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: 35%;
    left: 20%;
    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 #shop2 {
    position: absolute; 
    top: 3%;
    left: 20%;
    background-image: url(../image/SaintMarc/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: 35%;
    left: 55%;
    background-image: url(../image/BeletBien/shop_img3.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; 
}
#guide a #guide1 {
    position: absolute; 
    top: 83%;
    left: 1%;
    background-image: url(../image/guide/0711IMG_0003.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: 30%;
    left: 1%;
    background-image: url(../image/guide/0612IMG_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 #guide3 {
    position: absolute; 
    top: 5%;
    left: 5%;
    background-image: url(../image/guide/0531IMG_0055.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: 40%;
    left: 20%;
    background-image: url(../image/Starbucks/shop_img.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: 70%;
    left: 45%;
    background-image: url(../image/guide/0612IMG_0016.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: 3%;
    left: 45%;
    background-image: url(../image/guide/0612IMG_0017.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: 40%;
    left: 65%;
    background-image: url(../image/guide/0711IMG_0002.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 #guide8 {
    position: absolute; 
    top: 3%;
    left: 77%;
    background-image: url(../image/guide/0626IMG_0002.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 #guide9 {
    position: absolute; 
    top: 3%;
    left: 90%;
    background-image: url(../image/guide/0612IMG_0002.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 #guide10 {
    position: absolute; 
    top: 70%;
    left: 90%;
    background-image: url(../image/guide/0612IMG_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;
}

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