@charset "utf-8";
/* =====================================================================
Google Map
====================================================================== */
div#shopmap_thing { /* 地図本体 */
    margin: 5px auto 0 auto;
    width: 100%;
    height: 300px
}
div#shopmap_info_window { /* 吹き出し部分 */
}
span#shopmap_info_name { /* 吹き出し内　店舗表示部分 */
    color:#e0c000;
    font-size:120%
}

/******************************
目的地ふきだしフェードイン
******************************/
.visible {
    display: block;
    opacity: 1;
    animation-duration: 1.0s;
    animation-name: fade-in;
    -moz-animation-duration: 1.0s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-name: fade-in;
}
@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@-moz-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@-webkit-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
/******************************
目的地ふきだしフェードアウト
******************************/
.nonvisible {
    display: none;
    opacity: 0;
    animation-duration: 1.0s;
    animation-name: fade-out;
    -moz-animation-duration: 1.0s;
    -moz-animation-name: fade-out;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-name: fade-out;
}
@keyframes fade-out {
    0% {
        display: block;
        opacity: 1;
    }
    1% {
        display: none;
        opacity: 1;
    }
    100% {
        display: none;
        opacity: 0;
    }
}
@-moz-keyframes fade-out {
    0% {
        display: block;
        opacity: 1;
    }
    1% {
        display: none;
        opacity: 1;
    }
    100% {
        display: none;
        opacity: 0;
    }
}
@-webkit-keyframes fade-out {
    0% {
        display: block;
        opacity: 1;
    }
    1% {
        display: none;
        opacity: 1;
    }
    100% {
        display: none;
        opacity: 0;
    }
}
/******************************
目的地表示フィールドフェードイン
******************************/
.slide_height_in {
    margin-top: 60px;
    animation-duration: 0.5s;
    animation-name: slide_height_on;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: slide_height_on;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: slide_height_on;
}
@keyframes slide_height_on {
    0% {
        margin-top: 0px;
    }
    100% {
        margin-top: 60px;
    }
}
@-moz-keyframes slide_height_on {
    0% {
        margin-top: 0px;
    }
    100% {
        margin-top: 60px;
    }
}
@-webkit-keyframes slide_height_on {
    0% {
        margin-top: 0px;
    }
    100% {
        margin-top: 60px;
    }
}
/******************************
目的地表示フィールドフェードアウト
******************************/
.slide_height_out {
    animation-iteration-count: 1;
    animation-duration: 0.5s;
    animation-name: slide_height_off;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: slide_height_off;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: slide_height_off;
}
@keyframes slide_height_off {
    0% {
        margin-top: 60px;
    }
    100% {
        margin-top: 0px;
    }
}
@-moz-keyframes slide_height_off {
    0% {
        margin-top: 60px;
    }
    100% {
        margin-top: 0px;
    }
}
@-webkit-keyframes slide_height_off {
    0% {
        margin-top: 60px;
    }
    100% {
        margin-top: 0px;
    }
}