@charset "utf-8";

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

h3 {
    margin: 0px;
    padding: 5px;
}

div#menu {
    padding: 5px;
}

div#canvas {
    width: 100%;
    height: 500px;
    margin: 0px;
}

#csv {
    width: 80%;
    height: 100px;
}

.infoWin {
    width: 270px;
    height: 100%;
    min-height: 50px;
    padding-right:30px;
}

.infoWin .content {
    display: table;
}

.infoWin .left-cell {
    float:left;
    display: table-cell;
    width:180px;
    margin:0px;
    padding:0px;
}

.infoWin .right-cell {
    display:table-cell;
    vertical-align:middle;
}

.infoWin .closeBtn {
    margin-left:5px;
}

.infoWin img {
    clear:both;
    width: 180px;
    cursor: pointer;
}

.slidePhotoMenu {
    margin: 5px 0px 15px 0px;
}

.mobile-control {
    margin-top: 5px;
    margin-left: 10px;
}

.category-label {
    height: 50px;
    font-size: 1.2em;
}

/*
Copyright (c) 2012 Steve Stedman
Released under the MIT license
https://github.com/stedman/GeoLocateMe/blob/master/MIT-LICENSE
*/

@-moz-keyframes pulsate {
    from {
        -moz-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -moz-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -moz-transform: scale(0.3);
        opacity: 0;
    }
}

@-webkit-keyframes pulsate {
    from {
        -webkit-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(0.3);
        opacity: 0;
    }
}

#canvas div.gmnoprint[title="現在地"] {
    -moz-animation: pulsate 1.5s ease-in-out infinite;
    -webkit-animation: pulsate 1.5s ease-in-out infinite;
    border: 1pt solid #fff;
    /* make a circle */
    -moz-border-radius: 51px;
    -webkit-border-radius: 51px;
    border-radius: 51px;
    /* multiply the shadows, inside and outside the circle */
    -moz-box-shadow: inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
    -webkit-box-shadow: inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
    box-shadow: inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
    /* set the ring's new dimension and re-center it */
    height: 51px !important;
    margin: -18px 0 0 -18px;
    width: 51px !important;
}

/* hide the superfluous marker image since it would expand and shrink with its containing element */
#canvas div.gmnoprint[title="現在地"] img {
    display: none;
}

/* compensate for iPhone and Android devices with high DPI, add iPad media query */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
    #canvas div.gmnoprint[title="現在地"] {
        margin: -10px 0 0 -10px;
    }
}