@charset "UTF-8";
/* CSS Document */

/* wrapper */
#sample-wrap{
 position: relative;
 z-index: 0;
 margin: 0;
 padding: 0;
 margin: auto;
 width: 100%;
}
.scin{
    position: absolute;
    z-index: 1;
    left: 330px;
    top: 431px;
}

/* Box */
.box{
    position: absolute;
    width: 100px;
    height: 148px;
    z-index: 4;
    left: 293px;
    top: -104px;
}
/* mapのBox */
.red{
    position: absolute;
    left: 5px;
    z-index: 3;
    top: -150px;
}
   #panorama {
        width: 100%;
        height: 100%;
    }
    #controls {
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-align: center;
        width: 100%;
        padding-bottom: 3px;
    }
    .ctrl {
        padding: 8px 5px;
        width: 30px;
        text-align: center;
        background: rgba(200, 200, 200, 0.8);
        display: inline-block;
        cursor: pointer;
    }
    .ctrl:hover {
        background: rgba(200, 200, 200, 1);
}