@charset "UTF-8";

/* ==========================================================================

   Map制御

========================================================================== */
.smap{
    position: relative;
    display: block;
}
.smap__marker{
    position: absolute;
    cursor: pointer;
    width: 14px;
    height: 20px;
    margin-top: -20px;
    margin-left: -7px;
}
.smap__marker:before,
.smap__marker:after{
    box-sizing: border-box;
    pointer-events: none;

    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
.smap__marker:before{
    position: absolute;
    content: '';
    top: -20px;
    width: 14px;
    height: 15px;
    margin-top: 26px;
    background: url(../img/pop_arrow.png) no-repeat 0 0/14px 15px;
    z-index: 1001;
}
.smap__marker:after{
    position: absolute;
    display: block;
    content: attr(data-txt);
    width: 110px;
    top: -20px;
    padding: 0.5em 0.5em;
    margin-left: -48px;
    background: #ffffff;
    border: 2px solid #000000;
    font-size: 1.2rem;
    font-family: sans-serif;
    white-space: nowrap;
    text-align: center;
    color: #000000;
}
.smap__marker:hover:before,
.smap__marker:hover:after {
    top: -43px;
    opacity: 1;
    visibility: visible;
}

#smap1{ left: calc(1092 / 1200 * 100%); top: calc(281 / 600 * 100%);} /* 奈良駅前 */
#smap2{ left: calc(845 / 1200 * 100%); top: calc(221 / 600 * 100%);} /* 豊中 */
#smap3{ left: calc(857 / 1200 * 100%); top: calc(210 / 600 * 100%);} /* 豊中本町 */
#smap4{ left: calc(885 / 1200 * 100%); top: calc(430 / 600 * 100%);} /* 平尾 */
#smap5{ left: calc(852 / 1200 * 100%); top: calc(405 / 600 * 100%);} /* 豊田 */
#smap6{ left: calc(854 / 1200 * 100%); top: calc(381 / 600 * 100%);} /* 深井北町 */
#smap7{ left: calc(871 / 1200 * 100%); top: calc(380 / 600 * 100%);} /* 大野芝 */
#smap8{ left: calc(845 / 1200 * 100%); top: calc(366 / 600 * 100%);} /* 甲斐町 */
#smap9{ left: calc(899 / 1200 * 100%); top: calc(338 / 600 * 100%);} /* 凛生館 */
#smap10{ left: calc(880 / 1200 * 100%); top: calc(338 / 600 * 100%);} /* 加美南 */
#smap11{ left: calc(990 / 1200 * 100%); top: calc(338 / 660 * 100%);} /* 奈良六条 */
#smap12{ left: calc(1020 / 1200 * 100%); top: calc(300 / 660 * 100%);} /* 押熊 */

/*
 -354, -104
*/
@media ( max-width: 1024px ){
    .smap__marker{
        display: none;
    }
    /*#smap1{ left: calc((1092 - 354 ) / 844 * 100%); top: calc((281 - 104) / 496 * 100%);}
    #smap2{ left: calc((845 - 354 ) / 844 * 100%); top: calc((221 - 104) / 496 * 100%);}
    #smap3{ left: calc((857 - 354 ) / 844 * 100%); top: calc((210 - 104) / 496 * 100%);}
    #smap4{ left: calc((885 - 354 ) / 844 * 100%); top: calc((430 - 104) / 496 * 100%);}
    #smap5{ left: calc((852 - 354 ) / 844 * 100%); top: calc((405 - 104) / 496 * 100%);}
    #smap6{ left: calc((854 - 354 ) / 844 * 100%); top: calc((381 - 104) / 496 * 100%);}
    #smap7{ left: calc((871 - 354 ) / 844 * 100%); top: calc((380 - 104) / 496 * 100%);}
    #smap8{ left: calc((845 - 354 ) / 844 * 100%); top: calc((366 - 104) / 496 * 100%);}
    #smap9{ left: calc((899 - 354 ) / 844 * 100%); top: calc((338 - 104) / 496 * 100%);}*/
}