body{
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    margin: 0;
}

#gamen{
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}        

#kotira{
    color: black;
    text-decoration: none;
    background:linear-gradient(transparent 70%, #37c5ff 0%);
    font-weight: bold;
}

@media screen and (min-width: 960px){
body:before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url(/2019/back_web.png) center no-repeat;
    background-size:cover;
    margin: 0px;
    background-position: left bottom;
}
    
    #backlink{
        position: relative;
        margin-top: 20px;
        width: 720px;
        height: 459px;
        background-color: white;
        border-radius: 30px;
        margin: 0 auto;
        margin-top: 20px;
    }
    
    #elink{
        position: absolute;
        left: 24px;
        top: 16px;
        font-size: 28px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #blue1{
        position: absolute;
        left: 28px;
        top: 66px;
        width: 11px;
        height: 38px;
        background-color: #85c2e5;
    }
    
    #aboutlink{
        position: absolute;
        left: 49px;
        top: 71px;
        font-size: 18px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #eaboutlink{
        position: absolute;
        left: 38px;
        top: 114px;
        width: 653px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 2em;
    }
    
    #blue2{
        position: absolute;
        left: 28px;
        top: 210px;
        width: 11px;
        height: 38px;
        background-color: #85c2e5;
    }
    
    #saito{
        position: absolute;
        left: 49px;
        top: 215px;
        font-size: 18px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #esaito{
        position: absolute;
        left: 36px;
        top: 258px;
        font-size: 16px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        color: black;
        text-decoration: none;
    }
    
    #blue3{
        position: absolute;
        left: 28px;
        top: 300px;
        width: 11px;
        height: 38px;
        background-color: #85c2e5;
    }
    
    #sns{
        position: absolute;
        left: 49px;
        top: 305px;
        font-size: 18px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #etwitter{
        position: absolute;
        left: 38px;
        top: 350px;
        font-size: 16px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        text-decoration: none;
        color: black;
    }
    
    #efacebook{
        position: absolute;
        left: 166px;
        top: 350px;
        font-size: 16px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        text-decoration: none;
        color: black;
    }
    
    #facebook{
        position: absolute;
        left: 199px;
        top: 384px;
        width: 33px;
    }
    
    #twitter{
        position: absolute;
        left: 57px;
        top: 381px;
        width: 42px;
    }
    
    #sitabubun{
        position: relative;
        margin: 0 auto;
        margin-top: 0px;
        width: 720px;
        height: 159px;
    }
    
#buotoiawase{
    position: absolute;
    top: calc(36% / 1.59);
    left: calc(46% / 7.2);
    width: calc(100% *(120 / 720));
}

#uotoiawase{
    position: absolute;
    top: calc(36% / 1.59);
    left: calc(64% / 7.2);
    font-size: 16px;
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#bprivacy{
    position: absolute;
    top: calc(78% / 1.59);
    left: calc(46% / 7.2);
    width: calc(100% *(182 / 720));
}

#privacy{
    position: absolute;
    top: calc(78% / 1.59);
    left: calc(64% / 7.2);
    font-size: 16px;
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#blink{
    position: absolute;
    top: calc(78% / 1.59);
    left: calc(522% / 7.2);
    width: calc(71% / 7.2);
    }
    
#link{
    position: absolute;
    top: calc(78% / 1.59);
    left: calc(540% / 7.2);
    font-size: 16px;
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#tyosakukenn{
    position: absolute;
    top: calc(129% / 1.59);
    left: calc(269.4% / 7.2);
    width: calc(100% *(189.2 / 720));
}
    
    #naviblack{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 0%;
        background-color: rgba(0,0,0);
    }
    
    #naviback{
        position: fixed;
        bottom: 64px;
        right: 114px;
        width: 304px;
        height: 473px;
        overflow-y: scroll;
        border-top-right-radius: 19px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        opacity: 0;
        display: none;
    }
    
    #naviback::-webkit-scrollbar {
        display: none;
    }
    
    #naviimg{
        position: fixed;
        bottom: 54px;
        right: 103px;
        width: 314px;
        height: 483px;
        display: none;
    }
    
    #navihome{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        border-top-right-radius: 19px;
        border-top-left-radius: 23px;
        display: none;
        cursor: pointer;
    }
    
    #navihomeimg{
        position: absolute;
        top: 3px;
        left: 9px;
        width: 48px;
    }
    
    #navihomemoji{
        position: absolute;
        top: 12px;
        left: 122px;
        font-size: 24px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w1{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #naviabout{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        cursor: pointer;
        display: none;
    }
        
    #naviaboutimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #naviaboutmoji{
        position: absolute;
        top: 15px;
        left: 80px;
        font-size: 22px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnaviabout{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnaviabout{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #upnaviabouttouch{
        position: absolute;
        top: 13px;
        left: 8px;
        width: 295px;
        height: 38px;
        cursor: pointer;
    }
    
    #downnaviabouttouch{
        position: absolute;
        top: 13px;
        left: 8px;
        width: 295px;
        height: 38px;
        cursor: pointer;
    }
    
    #navilogo{
        position: absolute;
        top: 55px;
        left: 22px;
        width: 36px;
        display: none;
    }
    
    #enavilogo{
        position: absolute;
        top: 94px;
        left: 7px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h1{
        position: absolute;
        top: 48px;
        left: 79px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navischedule{
        position: absolute;
        top: 55px;
        left: 97px;
        width: 36px;
        display: none;
    }
    
    #enavischedule{
        position: absolute;
        top: 94px;
        left: 89px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h2{
        position: absolute;
        top: 48px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navigreeting{
        position: absolute;
        top: 55px;
        left: 175px;
        width: 36px;
        display: none;
    }
    
    #enavigreeting{
        position: absolute;
        top: 94px;
        left: 161px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h3{
        position: absolute;
        top: 48px;
        left: 235px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #naviaccessguide{
        position: absolute;
        top: 55px;
        left: 253px;
        width: 36px;
        display: none;
    }
    
    #enaviaccessguide{
        position: absolute;
        top: 88px;
        left: 241px;
        font-size: 11px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #w2{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navievent{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navieventimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navieventmoji{
        position: absolute;
        top: 15px;
        left: 107px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavieventtouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavieventtouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavievent{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavievent{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navitimetable{
        position: absolute;
        top: 56px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavitimetable{
        position: absolute;
        top: 95px;
        left: 44px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navitimetablecover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navitimetablejunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navitimetablecoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h4{
        position: absolute;
        top: 49px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #naviintroevent{
        position: absolute;
        top: 56px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enaviintroevent{
        position: absolute;
        top: 95px;
        left: 189px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #naviintroeventcover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #naviintroeventjunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #naviintroeventcoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w3{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navischoolguide{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navischoolguideimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navischoolguidemoji{
        position: absolute;
        top: 15px;
        left: 106px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavischoolguidetouch{
        position: absolute;
        top: 9px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavischoolguidetouch{
        position: absolute;
        top: 9px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavischoolguide{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavischoolguide{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navischoolmap{
        position: absolute;
        top: 58px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavischoolmap{
        position: absolute;
        top: 97px;
        left: 68px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navischoolmapcover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navischoolmapjunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navischoolmapcoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h5{
        position: absolute;
        top: 51px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navitenji{
        position: absolute;
        top: 58px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enavitenji{
        position: absolute;
        top: 97px;
        left: 202px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navitenjicover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #navitenjijunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navitenjicoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w4{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navisales{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navisalesimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navisalesmoji{
        position: absolute;
        top: 15px;
        left: 106px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavisalestouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavisalestouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavisales{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavisales{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navigoods{
        position: absolute;
        top: 58px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavigoods{
        position: absolute;
        top: 97px;
        left: 68px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navigoodscover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navigoodsjunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navigoodscoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h6{
        position: absolute;
        top: 51px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navibazaar{
        position: absolute;
        top: 58px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enavibazaar{
        position: absolute;
        top: 97px;
        left: 209px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navibazaarcover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #navibazaarjunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
        
    
    #navibazaarcoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w5{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navicolumn{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navicolumnimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navicolumnmoji{
        position: absolute;
        top: 15px;
        left: 118px;
        font-size: 22px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w6{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #naviaccess{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #naviaccessimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #naviaccessmoji{
        position: absolute;
        top: 18px;
        left: 72px;
        font-size: 18px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w7{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navisns{
        position: relative;
        margin-top: 0px;
        height: 55px;
        width: 100%;
        display: none;
    }
    
    #navitwitter{
        position: absolute;
        top: 9px;
        left: 63px;
        width: 40px;

    }
    
    #navifacebook{
        position: absolute;
        top: 13px;
        left: 203px;
        width: 33px;
    }
    
    #navibackground{
        position: fixed;
        right: 80px;
        bottom: 30px;
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background-color: white;
        box-shadow: 0px 16px 24px 0px rgba(0,0,0,0.4);
    }
    
    #navi1{
        position: fixed;
        right: 80px;
        bottom: 30px;
        width: 72px;
        cursor: pointer;
    }
    
    #navi2{
        position: fixed;
        right: 80px;
        bottom: 30px;
        width: 72px;
        display: none;
        cursor: pointer;
    }
}

@media screen and (min-width: 600px) and (max-width: 960px){
body:before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url(/2019/back_web.png) center no-repeat;
    background-size:cover;
    background-position: bottom left;
    margin: 0px;
}
    
    #backlink{
        position: relative;
        width: calc(720% / 9.6);
        padding-top: calc(459% / 9.6);
        background-color: white;
        border-radius: 30px;
        margin: 0 auto;
        margin-top: calc(20% / 9.6);
    }
    
    #elink{
        position: absolute;
        left: calc(24% / 7.2);
        top: calc(16% / 4.59);
        font-size: calc(28vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #blue1{
        position: absolute;
        left: calc(28% / 7.2);
        top: calc(66% / 4.59);
        width: calc(11% / 7.2);
        height: calc(38% / 4.59);
        background-color: #85c2e5;
    }
    
    #aboutlink{
        position: absolute;
        left: calc(49% / 7.2);
        top: calc(71% / 4.59);
        font-size: calc(18vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #eaboutlink{
        position: absolute;
        left: calc(38% / 7.2);
        top: calc(114% / 4.59);
        font-size: calc(14vw / 9.6);
        width: calc(653% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 2em;
    }
    
    #blue2{
        position: absolute;
        left: calc(28% / 7.2);
        top: calc(210% / 4.59);
        width: calc(11% / 7.2);
        height: calc(38% / 4.59);
        background-color: #85c2e5;
    }
    
    #saito{
        position: absolute;
        left: calc(49% / 7.2);
        top: calc(215% / 4.59);
        font-size: calc(18vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #esaito{
        position: absolute;
        left: calc(36% / 7.2);
        top: calc(258% / 4.59);
        font-size: calc(16vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        color: black;
        text-decoration: none;
    }
    
    #blue3{
        position: absolute;
        left: calc(28% / 7.2);
        top: calc(300% / 4.59);
        width: calc(11% / 7.2);
        height: calc(38% / 4.59);
        background-color: #85c2e5;
    }
    
    #sns{
        position: absolute;
        left: calc(49% / 7.2);
        top: calc(305% / 4.59);
        font-size: calc(18vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #etwitter{
        position: absolute;
        left: calc(38% / 7.2);
        top: calc(350% / 4.59);
        font-size: calc(16vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        text-decoration: none;
        color: black;
    }
    
    #efacebook{
        position: absolute;
        left: calc(166% / 7.2);
        top: calc(350% / 4.59);
        font-size: calc(16vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        text-decoration: none;
        color: black;
    }
    
    #facebook{
        position: absolute;
        left: calc(199% / 7.2);
        top: calc(384% / 4.59);
        width: calc(33% / 7.2);
    }
    
    #twitter{
        position: absolute;
        left: calc(57% / 7.2);
        top: calc(381% / 4.59);
        width: calc(42% / 7.2);
    }
    
    #sitabubun{
        position: relative;
        margin: 0 auto;
        margin-top: 0px;
        width: calc(720% / 9.6);
        padding-top: calc(159% / 9.6);
    }
    
#buotoiawase{
    position: absolute;
    top: calc(36% / 1.59);
    left: calc(46% / 7.2);
    width: calc(100% *(120 / 720));
}

#uotoiawase{
    position: absolute;
    top: calc(36% / 1.59);
    left: calc(64% / 7.2);
    font-size: calc(16vw / 9.6);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#bprivacy{
    position: absolute;
    top: calc(78% / 1.59);
    left: calc(46% / 7.2);
    width: calc(100% *(182 / 720));
}

#privacy{
    position: absolute;
    top: calc(78% / 1.59);
    left: calc(64% / 7.2);
    font-size: calc(16vw / 9.6);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#blink{
    position: absolute;
    top: calc(78% / 1.59);
    left: calc(522% / 7.2);
    width: calc(71% / 7.2);
    }
    
#link{
    position: absolute;
    top: calc(78% / 1.59);
    left: calc(540% / 7.2);
    font-size: calc(16vw / 9.6);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#tyosakukenn{
    position: absolute;
    top: calc(129% / 1.59);
    left: calc(269.4% / 7.2);
    width: calc(100% *(189.2 / 720));
}
    
    #naviblack{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 0%;
        background-color: rgba(0,0,0);
    }
    
    #naviback{
        position: fixed;
        bottom: 64px;
        right: calc(calc(80% / 9.6) + 34px);
        width: 304px;
        height: 473px;
        overflow-y: scroll;
        border-top-right-radius: 19px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        opacity: 0;
        display: none;
    }
    
    #naviback::-webkit-scrollbar {
        display: none;
    }
    
    #naviimg{
        position: fixed;
        bottom: 54px;
        right: calc(calc(80% / 9.6) + 23px);
        width: 314px;
        height: 483px;
        display: none;
    }
    
    #navihome{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        border-top-right-radius: 19px;
        border-top-left-radius: 23px;
        display: none;
        cursor: pointer;
    }
    
    #navihomeimg{
        position: absolute;
        top: 3px;
        left: 9px;
        width: 48px;
    }
    
    #navihomemoji{
        position: absolute;
        top: 12px;
        left: 122px;
        font-size: 24px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w1{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #naviabout{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        cursor: pointer;
        display: none;
    }
        
    #naviaboutimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #naviaboutmoji{
        position: absolute;
        top: 15px;
        left: 80px;
        font-size: 22px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnaviabout{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnaviabout{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #upnaviabouttouch{
        position: absolute;
        top: 13px;
        left: 8px;
        width: 295px;
        height: 38px;
        cursor: pointer;
    }
    
    #downnaviabouttouch{
        position: absolute;
        top: 13px;
        left: 8px;
        width: 295px;
        height: 38px;
        cursor: pointer;
    }
    
    #navilogo{
        position: absolute;
        top: 55px;
        left: 22px;
        width: 36px;
        display: none;
    }
    
    #enavilogo{
        position: absolute;
        top: 94px;
        left: 7px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h1{
        position: absolute;
        top: 48px;
        left: 79px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navischedule{
        position: absolute;
        top: 55px;
        left: 97px;
        width: 36px;
        display: none;
    }
    
    #enavischedule{
        position: absolute;
        top: 94px;
        left: 89px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h2{
        position: absolute;
        top: 48px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navigreeting{
        position: absolute;
        top: 55px;
        left: 175px;
        width: 36px;
        display: none;
    }
    
    #enavigreeting{
        position: absolute;
        top: 94px;
        left: 161px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h3{
        position: absolute;
        top: 48px;
        left: 235px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #naviaccessguide{
        position: absolute;
        top: 55px;
        left: 253px;
        width: 36px;
        display: none;
    }
    
    #enaviaccessguide{
        position: absolute;
        top: 88px;
        left: 241px;
        font-size: 11px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #w2{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navievent{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navieventimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navieventmoji{
        position: absolute;
        top: 15px;
        left: 107px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavieventtouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavieventtouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavievent{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavievent{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navitimetable{
        position: absolute;
        top: 56px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavitimetable{
        position: absolute;
        top: 95px;
        left: 44px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navitimetablecover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navitimetablejunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navitimetablecoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h4{
        position: absolute;
        top: 49px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #naviintroevent{
        position: absolute;
        top: 56px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enaviintroevent{
        position: absolute;
        top: 95px;
        left: 189px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #naviintroeventcover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #naviintroeventjunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #naviintroeventcoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w3{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navischoolguide{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navischoolguideimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navischoolguidemoji{
        position: absolute;
        top: 15px;
        left: 106px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavischoolguidetouch{
        position: absolute;
        top: 9px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavischoolguidetouch{
        position: absolute;
        top: 9px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavischoolguide{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavischoolguide{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navischoolmap{
        position: absolute;
        top: 58px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavischoolmap{
        position: absolute;
        top: 97px;
        left: 68px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navischoolmapcover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navischoolmapjunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navischoolmapcoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h5{
        position: absolute;
        top: 51px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navitenji{
        position: absolute;
        top: 58px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enavitenji{
        position: absolute;
        top: 97px;
        left: 202px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navitenjicover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #navitenjijunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navitenjicoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w4{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navisales{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navisalesimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navisalesmoji{
        position: absolute;
        top: 15px;
        left: 106px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavisalestouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavisalestouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavisales{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavisales{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navigoods{
        position: absolute;
        top: 58px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavigoods{
        position: absolute;
        top: 97px;
        left: 68px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navigoodscover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navigoodsjunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navigoodscoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h6{
        position: absolute;
        top: 51px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navibazaar{
        position: absolute;
        top: 58px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enavibazaar{
        position: absolute;
        top: 97px;
        left: 209px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navibazaarcover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #navibazaarjunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
        
    
    #navibazaarcoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w5{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navicolumn{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navicolumnimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navicolumnmoji{
        position: absolute;
        top: 15px;
        left: 118px;
        font-size: 22px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w6{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #naviaccess{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #naviaccessimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #naviaccessmoji{
        position: absolute;
        top: 18px;
        left: 72px;
        font-size: 18px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w7{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navisns{
        position: relative;
        margin-top: 0px;
        height: 55px;
        width: 100%;
        display: none;
    }
    
    #navitwitter{
        position: absolute;
        top: 9px;
        left: 63px;
        width: 40px;

    }
    
    #navifacebook{
        position: absolute;
        top: 13px;
        left: 203px;
        width: 33px;
    }
    
    #navibackground{
        position: fixed;
        right: calc(80% / 9.6);
        bottom: 30px;
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background-color: white;
        box-shadow: 0px 16px 24px 0px rgba(0,0,0,0.4);
    }
    
    #navi1{
        position: fixed;
        right: calc(80% / 9.6);
        bottom: 30px;
        width: 72px;
        cursor: pointer;
    }
    
    #navi2{
        position: fixed;
        right: calc(80% / 9.6);
        bottom: 30px;
        width: 72px;
        display: none;
        cursor: pointer;
    } 
}

@media screen and (min-width: 480px) and (max-width: 600px){
body:before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url(/2019/back_left.png) center no-repeat;
    background-size:cover;
    background-position: bottom left;
    margin: 0px;
}
    
    #backlink{
        position: relative;
        width: 448px;
        padding-top: 503px;
        background-color: white;
        border-radius: 15px;
        margin: 0 auto;
        margin-top: 41px;
    }
    
    #elink{
        position: absolute;
        left: calc(24% / 4.48);
        top: calc(16% / 5.03);
        font-size: 28px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #blue1{
        position: absolute;
        left: calc(24% / 4.48);
        top: calc(65% / 5.03);
        width: calc(11% / 4.48);
        height: calc(38% / 5.03);
        background-color: #85c2e5;
    }
    
    #aboutlink{
        position: absolute;
        left: calc(45% / 4.48);
        top: calc(70% / 5.03);
        font-size: 18px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #eaboutlink{
        position: absolute;
        left: calc(36% / 4.48);
        top: calc(113% / 5.03);
        font-size: 14px;
        width: calc(376% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 28px;
    }
    
    #blue2{
        position: absolute;
        left: calc(24% / 4.48);
        top: calc(265% / 5.03);
        width: calc(11% / 4.48);
        height: calc(38% / 5.03);
        background-color: #85c2e5;
    }
    
    #saito{
        position: absolute;
        left: calc(45% / 4.48);
        top: calc(270% / 5.03);
        font-size: 18px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #esaito{
        position: absolute;
        left: calc(36% / 4.48);
        top: calc(313% / 5.03);
        font-size: 16px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        color: black;
        text-decoration: none;
    }
    
    #blue3{
        position: absolute;
        left: calc(24% / 4.48);
        top: calc(355% / 5.03);
        width: calc(11% / 4.48);
        height: calc(38% / 5.03);
        background-color: #85c2e5;
    }
    
    #sns{
        position: absolute;
        left: calc(45% / 4.48);
        top: calc(360% / 5.03);
        font-size: 18px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #etwitter{
        position: absolute;
        left: calc(36% / 4.48);
        top: calc(405% / 5.03);
        font-size: 16px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        text-decoration: none;
        color: black;
    }
    
    #efacebook{
        position: absolute;
        left: calc(164% / 4.48);
        top: calc(405% / 5.03);
        font-size: 16px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        text-decoration: none;
        color: black;
    }
    
    #facebook{
        position: absolute;
        left: calc(198% / 4.48);
        top: calc(439% / 5.03);
        width: calc(33% / 4.48);
    }
    
    #twitter{
        position: absolute;
        left: calc(58% / 4.48);
        top: calc(437% / 5.03);
        width: calc(42% / 4.48);
    }
    
    #sitabubun{
        position: relative;
        left: calc(16% / 4.8);
        width: calc(448% / 4.8);
        margin-top: 10%;
        padding-top: calc(123% / 4.8);
    }    
    
#buotoiawase{
    position: absolute;
    top: calc(0% / 1.23);
    left: calc(24% / 4.48);
    width: calc(100% *(1.2 / 4.48));
}

#uotoiawase{
    position: absolute;
    top: calc(0% / 1.23);
    left: calc(42% / 4.48);
    font-size: calc(15vw / 4.8);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#bprivacy{
    position: absolute;
    top: calc(42% / 1.23);
    left: calc(24% / 4.48);
    width: calc(100% *(182 / 448));
}

#privacy{
    position: absolute;
    top: calc(42% / 1.23);
    left: calc(42% / 4.48);
    font-size: calc(15vw / 4.8);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#blink{
    position: absolute;
    top: calc(42% / 1.23);
    left: calc(254% / 4.48);
    width: calc(71% / 4.48);
    }
    
#link{
    position: absolute;
    top: calc(42% / 1.23);
    left: calc(272% / 4.48);
    font-size: calc(15vw / 4.8);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#tyosakukenn{
    position: absolute;
    top: calc(102% / 1.23);
    left: calc(126% / 4.48);
    width: calc(100% *(196 / 448));
}
    
    #naviblack{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 0%;
        background-color: rgba(0,0,0);
    }
    
    #naviback{
        position: fixed;
        bottom: 71px;
        right: 58px;
        width: 304px;
        height: 471px;
        border-top-right-radius: 19px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        opacity: 0;
        background-color: white;
        display: none;
        overflow-y: scroll;
    }
    
    #naviback::-webkit-scrollbar {
        display: none;
    }
    
    #naviimg{
        position: fixed;
        bottom: 64px;
        right: calc(calc(80% / 9.6) + 23px);
        width: 314px;
        height: 483px;
        display: none;
    }
    
    #navihome{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        border-top-right-radius: 19px;
        border-top-left-radius: 23px;
        display: none;
        cursor: pointer;
    }
    
    #navihomeimg{
        position: absolute;
        top: 3px;
        left: 9px;
        width: 48px;
    }
    
    #navihomemoji{
        position: absolute;
        top: 12px;
        left: 122px;
        font-size: 24px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w1{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #naviabout{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        cursor: pointer;
        display: none;
    }
        
    #naviaboutimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #naviaboutmoji{
        position: absolute;
        top: 15px;
        left: 80px;
        font-size: 22px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnaviabout{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnaviabout{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #upnaviabouttouch{
        position: absolute;
        top: 13px;
        left: 8px;
        width: 295px;
        height: 38px;
        cursor: pointer;
    }
    
    #downnaviabouttouch{
        position: absolute;
        top: 13px;
        left: 8px;
        width: 295px;
        height: 38px;
        cursor: pointer;
    }
    
    #navilogo{
        position: absolute;
        top: 55px;
        left: 22px;
        width: 36px;
        display: none;
    }
    
    #enavilogo{
        position: absolute;
        top: 94px;
        left: 7px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h1{
        position: absolute;
        top: 48px;
        left: 79px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navischedule{
        position: absolute;
        top: 55px;
        left: 97px;
        width: 36px;
        display: none;
    }
    
    #enavischedule{
        position: absolute;
        top: 94px;
        left: 89px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h2{
        position: absolute;
        top: 48px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navigreeting{
        position: absolute;
        top: 55px;
        left: 175px;
        width: 36px;
        display: none;
    }
    
    #enavigreeting{
        position: absolute;
        top: 94px;
        left: 161px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h3{
        position: absolute;
        top: 48px;
        left: 235px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #naviaccessguide{
        position: absolute;
        top: 55px;
        left: 253px;
        width: 36px;
        display: none;
    }
    
    #enaviaccessguide{
        position: absolute;
        top: 88px;
        left: 241px;
        font-size: 11px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #w2{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navievent{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navieventimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navieventmoji{
        position: absolute;
        top: 15px;
        left: 107px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavieventtouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavieventtouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavievent{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavievent{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navitimetable{
        position: absolute;
        top: 56px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavitimetable{
        position: absolute;
        top: 95px;
        left: 44px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navitimetablecover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navitimetablejunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navitimetablecoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h4{
        position: absolute;
        top: 49px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #naviintroevent{
        position: absolute;
        top: 56px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enaviintroevent{
        position: absolute;
        top: 95px;
        left: 189px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #naviintroeventcover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #naviintroeventjunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #naviintroeventcoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w3{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navischoolguide{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navischoolguideimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navischoolguidemoji{
        position: absolute;
        top: 15px;
        left: 106px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavischoolguidetouch{
        position: absolute;
        top: 9px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavischoolguidetouch{
        position: absolute;
        top: 9px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavischoolguide{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavischoolguide{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navischoolmap{
        position: absolute;
        top: 58px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavischoolmap{
        position: absolute;
        top: 97px;
        left: 68px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navischoolmapcover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navischoolmapjunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navischoolmapcoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h5{
        position: absolute;
        top: 51px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navitenji{
        position: absolute;
        top: 58px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enavitenji{
        position: absolute;
        top: 97px;
        left: 202px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navitenjicover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #navitenjijunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navitenjicoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w4{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navisales{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navisalesimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navisalesmoji{
        position: absolute;
        top: 15px;
        left: 106px;
        font-size: 22px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavisalestouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        cursor: pointer;
    }
    
    #downnavisalestouch{
        position: absolute;
        top: 10px;
        left: 8px;
        width: 295px;
        height: 43px;
        display: none;
        cursor: pointer;
    }
    
    #upnavisales{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
    }
    
    #downnavisales{
        position: absolute;
        top: 27px;
        left: 273px;
        width: 18px;
        cursor: pointer;
        display: none;
    }
    
    #navigoods{
        position: absolute;
        top: 58px;
        left: 69px;
        width: 36px;
        display: none;
    }
    
    #enavigoods{
        position: absolute;
        top: 97px;
        left: 68px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navigoodscover{
        position: absolute;
        top: 47.5px;
        left: 37.5px;
        width: 100px;
        display: none;
    }
    
    #navigoodsjunbi{
        position: absolute;
        top: 60px;
        left: 63px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navigoodscoming{
        position: absolute;
        top: 95px;
        left: 52px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h6{
        position: absolute;
        top: 51px;
        left: 157px;
        width: 2px;
        height: 64px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navibazaar{
        position: absolute;
        top: 58px;
        left: 210px;
        width: 36px;
        display: none;
    }
    
    #enavibazaar{
        position: absolute;
        top: 97px;
        left: 209px;
        font-size: 13px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navibazaarcover{
        position: absolute;
        top: 47.5px;
        left: 177.5px;
        width: 100px;
        display: none;
    }
    
    #navibazaarjunbi{
        position: absolute;
        top: 60px;
        left: 201px;
        font-size: 18px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navibazaarcoming{
        position: absolute;
        top: 95px;
        left: 190px;
        font-size: 12px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w5{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navicolumn{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #navicolumnimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #navicolumnmoji{
        position: absolute;
        top: 15px;
        left: 118px;
        font-size: 22px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w6{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #naviaccess{
        position: relative;
        margin-top: 0px;
        height: 58px;
        width: 100%;
        display: none;
    }
    
    #naviaccessimg{
        position: absolute;
        top: 7px;
        left: 12px;
        width: 48px;
    }
    
    #naviaccessmoji{
        position: absolute;
        top: 18px;
        left: 72px;
        font-size: 18px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w7{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navisns{
        position: relative;
        margin-top: 0px;
        height: 55px;
        width: 100%;
        display: none;
    }
    
    #navitwitter{
        position: absolute;
        top: 9px;
        left: 63px;
        width: 40px;

    }
    
    #navifacebook{
        position: absolute;
        top: 13px;
        left: 203px;
        width: 33px;
    }
    
    #navi1{
        position: fixed;
        right: 24px;
        bottom: 27px;
        width: 72px;
        cursor: pointer;
    }
    
    #navi2{
        position: fixed;
        right: 24px;
        bottom: 27px;
        width: 72px;
        display: none;
        cursor: pointer;
    }
    
    #navibackground{
        position: fixed;
        right: 24px;
        bottom: 27px;
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background-color: white;
        cursor: pointer;
        box-shadow: 0px 16px 24px 0px rgba(0,0,0,0.4);
}
}

@media screen and (max-width: 480px){
body:before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url(/2019/back_left.png) center no-repeat;
    background-size:cover;
    background-position: bottom left;
    margin: 0px;
}
    
    #backlink{
        position: relative;
        width: calc(448% / 4.8);
        padding-top: calc(503% / 4.8);
        background-color: white;
        border-radius: 15px;
        margin: 0 auto;
        margin-top: calc(41% / 4.8);
    }
    
    #elink{
        position: absolute;
        left: calc(24% / 4.48);
        top: calc(16% / 5.03);
        font-size: calc(28vw / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #blue1{
        position: absolute;
        left: calc(24% / 4.48);
        top: calc(65% / 5.03);
        width: calc(11% / 4.48);
        height: calc(38% / 5.03);
        background-color: #85c2e5;
    }
    
    #aboutlink{
        position: absolute;
        left: calc(45% / 4.48);
        top: calc(70% / 5.03);
        font-size: calc(18vw / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #eaboutlink{
        position: absolute;
        left: calc(36% / 4.48);
        top: calc(113% / 5.03);
        font-size: calc(14vw / 4.8);
        width: calc(376% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 2em;
    }
    
    #blue2{
        position: absolute;
        left: calc(24% / 4.48);
        top: calc(265% / 5.03);
        width: calc(11% / 4.48);
        height: calc(38% / 5.03);
        background-color: #85c2e5;
    }
    
    #saito{
        position: absolute;
        left: calc(45% / 4.48);
        top: calc(270% / 5.03);
        font-size: calc(18vw / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #esaito{
        position: absolute;
        left: calc(36% / 4.48);
        top: calc(313% / 5.03);
        font-size: calc(16vw / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        color: black;
        text-decoration: none;
    }
    
    #blue3{
        position: absolute;
        left: calc(24% / 4.48);
        top: calc(355% / 5.03);
        width: calc(11% / 4.48);
        height: calc(38% / 5.03);
        background-color: #85c2e5;
    }
    
    #sns{
        position: absolute;
        left: calc(45% / 4.48);
        top: calc(360% / 5.03);
        font-size: calc(18vw / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #etwitter{
        position: absolute;
        left: calc(36% / 4.48);
        top: calc(405% / 5.03);
        font-size: calc(16vw / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        text-decoration: none;
        color: black;
    }
    
    #efacebook{
        position: absolute;
        left: calc(164% / 4.48);
        top: calc(405% / 5.03);
        font-size: calc(16vw / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        text-decoration: none;
        color: black;
    }
    
    #facebook{
        position: absolute;
        left: calc(198% / 4.48);
        top: calc(439% / 5.03);
        width: calc(33% / 4.48);
    }
    
    #twitter{
        position: absolute;
        left: calc(58% / 4.48);
        top: calc(437% / 5.03);
        width: calc(42% / 4.48);
    }
    
    #sitabubun{
        position: relative;
        left: calc(16% / 4.8);
        width: calc(448% / 4.8);
        margin-top: 10%;
        padding-top: calc(123% / 4.8);
    }    
    
#buotoiawase{
    position: absolute;
    top: calc(0% / 1.23);
    left: calc(24% / 4.48);
    width: calc(100% *(1.2 / 4.48));
}

#uotoiawase{
    position: absolute;
    top: calc(0% / 1.23);
    left: calc(42% / 4.48);
    font-size: calc(15vw / 4.8);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#bprivacy{
    position: absolute;
    top: calc(42% / 1.23);
    left: calc(24% / 4.48);
    width: calc(100% *(182 / 448));
}

#privacy{
    position: absolute;
    top: calc(42% / 1.23);
    left: calc(42% / 4.48);
    font-size: calc(15vw / 4.8);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#blink{
    position: absolute;
    top: calc(42% / 1.23);
    left: calc(254% / 4.48);
    width: calc(71% / 4.48);
    }
    
#link{
    position: absolute;
    top: calc(42% / 1.23);
    left: calc(272% / 4.48);
    font-size: calc(15vw / 4.8);
    color: black;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#tyosakukenn{
    position: absolute;
    top: calc(102% / 1.23);
    left: calc(126% / 4.48);
    width: calc(100% *(196 / 448));
}
    
#naviblack{
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 0%;
        background-color: rgba(0,0,0);
    }
    
    #naviback{
        position: fixed;
        bottom: 61px;
        right: 58px;
        width: 228px;
        border-top-right-radius: 15px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        opacity: 0;
        background-color: white;
        display: none;
    }
    
    #naviback::-webkit-scrollbar {
        display: none;
    }
    
    #naviimg{
        display: none;
    }
    
    #navihome{
        position: relative;
        margin-top: 0px;
        height: 43.5px;
        width: 100%;
        border-top-right-radius: 15px;
        border-top-left-radius: 20px;
        display: none;
        cursor: pointer;
    }
    
    #navihomeimg{
        position: absolute;
        top: 3px;
        left: 6.75px;
        width: 36px;
    }
    
    #navihomemoji{
        position: absolute;
        top: 9px;
        left: 91.5px;
        font-size: 18px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w1{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #naviabout{
        position: relative;
        margin-top: 0px;
        height: 43.5px;
        width: 100%;
        cursor: pointer;
        display: none;
    }
        
    #naviaboutimg{
        position: absolute;
        top: 5.25px;
        left: 9px;
        width: 36px;
    }
    
    #naviaboutmoji{
        position: absolute;
        top: 11.25px;
        left: 60px;
        font-size: 16.5px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnaviabout{
        position: absolute;
        top: 20.25px;
        left: 204.75px;
        width: 13.5px;
        cursor: pointer;
    }
    
    #downnaviabout{
        position: absolute;
        top: 20.25px;
        left: 204.75px;
        width: 13.5px;
        cursor: pointer;
        display: none;
    }
    
    #upnaviabouttouch{
        position: absolute;
        top: 9.75px;
        left: 6px;
        width: 221.25px;
        height: 28.5px;
        cursor: pointer;
    }
    
    #downnaviabouttouch{
        position: absolute;
        top: 9.75px;
        left: 6px;
        width: 221.25px;
        height: 28.5px;
        cursor: pointer;
    }
    
    #navilogo{
        position: absolute;
        top: 41.25px;
        left: 16.5px;
        width: 27px;
        display: none;
    }
    
    #enavilogo{
        position: absolute;
        top: 70.5px;
        left: 5.25px;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h1{
        position: absolute;
        top: 36px;
        left: 59.25px;
        width: 1.5px;
        height: 48px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navischedule{
        position: absolute;
        top: 41.25px;
        left: 72.75px;
        width: 27px;
        display: none;
    }
    
    #enavischedule{
        position: absolute;
        top: 70.5px;
        left: 66.75px;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h2{
        position: absolute;
        top: 36px;
        left: 117.75px;
        width: 1.5px;
        height: 48px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navigreeting{
        position: absolute;
        top: 41.25px;
        left: 131.25px;
        width: 27px;
        display: none;
    }
    
    #enavigreeting{
        position: absolute;
        top: 70.5px;
        left: 120.75px;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #h3{
        position: absolute;
        top: 36px;
        left: 176.25px;
        width: 1.5px;
        height: 48px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #naviaccessguide{
        position: absolute;
        top: 41.25px;
        left: 189.75px;
        width: 27px;
        display: none;
    }
    
    #enaviaccessguide{
        position: absolute;
        top: 66px;
        left: 180.75px;
        font-size: 8.25px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #w2{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navievent{
        position: relative;
        margin-top: 0px;
        height: 43.5px;
        width: 100%;
        display: none;
    }
    
    #navieventimg{
        position: absolute;
        top: 5.25px;
        left: 9px;
        width: 36px;
    }
    
    #navieventmoji{
        position: absolute;
        top: 11.25px;
        left: 80.25px;
        font-size: 16.5px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavieventtouch{
        position: absolute;
        top: 7.5px;
        left: 6px;
        width: 221.25px;
        height: 32.25px;
        cursor: pointer;
    }
    
    #downnavieventtouch{
        position: absolute;
        top: 7.5px;
        left: 6px;
        width: 221.25px;
        height: 32.25px;
        display: none;
        cursor: pointer;
    }
    
    #upnavievent{
        position: absolute;
        top: 20.25px;
        left: 204.75px;
        width: 13.5px;
        cursor: pointer;
    }
    
    #downnavievent{
        position: absolute;
        top: 20.25px;
        left: 204.75px;
        width: 13.5px;
        cursor: pointer;
        display: none;
    }
    
    #navitimetable{
        position: absolute;
        top: 42px;
        left: 51.75px;
        width: 27px;
        display: none;
    }
    
    #enavitimetable{
        position: absolute;
        top: 71.25px;
        left: 33px;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navitimetablecover{
        position: absolute;
        top: 36px;
        left: 28.5px;
        width: 75px;
        display: none;
    }
    
    #navitimetablejunbi{
        position: absolute;
        top: 45px;
        left: 47.25px;
        font-size: 13.5px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navitimetablecoming{
        position: absolute;
        top: 71.25px;
        left: 39px;
        font-size: 9px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h4{
        position: absolute;
        top: 36.75px;
        left: 117.75px;
        width: 1.5px;
        height: 48px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #naviintroevent{
        position: absolute;
        top: 42px;
        left: 157.5px;
        width: 27px;
        display: none;
    }
    
    #enaviintroevent{
        position: absolute;
        top: 71.25px;
        left: 141.75px;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #naviintroeventcover{
        position: absolute;
        top: 36px;
        left: 135.5px;
        width: 75px;
        display: none;
    }
    
    #naviintroeventjunbi{
        position: absolute;
        top: 45px;
        left: 150.75px;
        font-size: 13.5px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #naviintroeventcoming{
        position: absolute;
        top: 71.25px;
        left: 142.5px;
        font-size: 9px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w3{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navischoolguide{
        position: relative;
        margin-top: 0px;
        height: 43.5px;
        width: 100%;
        display: none;
    }
    
    #navischoolguideimg{
        position: absolute;
        top: 5.25px;
        left: 9px;
        width: 36px;
    }
    
    #navischoolguidemoji{
        position: absolute;
        top: 11.25px;
        left: 79.5px;
        font-size: 16.5px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavischoolguidetouch{
        position: absolute;
        top: 6.75px;
        left: 6px;
        width: 221.25px;
        height: 32.25px;
        cursor: pointer;
    }
    
    #downnavischoolguidetouch{
        position: absolute;
        top: 6.75px;
        left: 6px;
        width: 221.25px;
        height: 32.25px;
        display: none;
        cursor: pointer;
    }
    
    #upnavischoolguide{
        position: absolute;
        top: 20.25px;
        left: 204.75px;
        width: 13.5px;
        cursor: pointer;
    }
    
    #downnavischoolguide{
        position: absolute;
        top: 20.25px;
        left: 204.75px;
        width: 13.5px;
        cursor: pointer;
        display: none;
    }
    
    #navischoolmap{
        position: absolute;
        top: 43.5px;
        left: 51.75px;
        width: 27px;
        display: none;
    }
    
    #enavischoolmap{
        position: absolute;
        top: 72.75px;
        left: 51px;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navischoolmapcover{
        position: absolute;
        top: 36px;
        left: 28.5px;
        width: 75px;
        display: none;
    }
    
    #navischoolmapjunbi{
        position: absolute;
        top: 45px;
        left: 47.25px;
        font-size: 13.5px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navischoolmapcoming{
        position: absolute;
        top: 71.25px;
        left: 39px;
        font-size: 9px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h5{
        position: absolute;
        top: 38.25px;
        left: 117.75px;
        width: 1.5px;
        height: 48px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navitenji{
        position: absolute;
        top: 43.5px;
        left: 157.5px;
        width: 27px;
        display: none;
    }
    
    #enavitenji{
        position: absolute;
        top: 72.75px;
        left: 151.5px;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navitenjicover{
        position: absolute;
        top: 36px;
        left: 135.5px;
        width: 75px;
        display: none;
    }
    
    #navitenjijunbi{
        position: absolute;
        top: 45px;
        left: 150.75px;
        font-size: 13.5px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navitenjicoming{
        position: absolute;
        top: 71.25px;
        left: 142.5px;
        font-size: 9px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w4{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navisales{
        position: relative;
        margin-top: 0px;
        height: 43.5px;
        width: 100%;
        display: none;
    }
    
    #navisalesimg{
        position: absolute;
        top: 5.25px;
        left: 9px;
        width: 36px;
    }
    
    #navisalesmoji{
        position: absolute;
        top: 11.25px;
        left: 79.5px;
        font-size: 16.5px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #upnavisalestouch{
        position: absolute;
        top: 7.5px;
        left: 6px;
        width: 221.25px;
        height: 32.25px;
        cursor: pointer;
    }
    
    #downnavisalestouch{
        position: absolute;
        top: 7.5px;
        left: 6px;
        width: 221.25px;
        height: 32.25px;
        display: none;
        cursor: pointer;
    }
    
    #upnavisales{
        position: absolute;
        top: 20.25px;
        left: 204.75px;
        width: 13.5px;
        cursor: pointer;
    }
    
    #downnavisales{
        position: absolute;
        top: 20.25px;
        left: 204.75px;
        width: 13.5px;
        cursor: pointer;
        display: none;
    }
    
    #navigoods{
        position: absolute;
        top: 43.5px;
        left: 51.75px;
        width: 27px;
        display: none;
    }
    
    #enavigoods{
        position: absolute;
        top: 72.75px;
        left: 51px;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navigoodscover{
        position: absolute;
        top: 36px;
        left: 28.5px;
        width: 75px;
        display: none;
    }
    
    #navigoodsjunbi{
        position: absolute;
        top: 45px;
        left: 47.25px;
        font-size: 13.5px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navigoodscoming{
        position: absolute;
        top: 71.25px;
        left: 39px;
        font-size: 9px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #h6{
        position: absolute;
        top: 38.25px;
        left: 117.75px;
        width: 1.5px;
        height: 48px;
        background-color: rgba(0,0,0,0.16);
        display: none;
    }
    
    #navibazaar{
        position: absolute;
        top: 44.5px;
        left: 157.5px;
        width: 27px;
        display: none;
    }
    
    #enavibazaar{
        position: absolute;
        top: 72.75px;
        left: 159px;;
        font-size: 9.75px;
        color: black;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #navibazaarcover{
        position: absolute;
        top: 36px;
        left: 135.5px;
        width: 75px;
        display: none;
    }
    
    #navibazaarjunbi{
        position: absolute;
        top: 45px;
        left: 150.75px;
        font-size: 13.5px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #navibazaarcoming{
        position: absolute;
        top: 71.25px;
        left: 142.5px;
        font-size: 9px;
        background-color: #37c5ff;
        display: none;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w5{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navicolumn{
        position: relative;
        margin-top: 0px;
        height: 43.5px;
        width: 100%;
        display: none;
    }
    
    #navicolumnimg{
        position: absolute;
        top: 5.25px;
        left: 9px;
        width: 36px;
    }
    
    #navicolumnmoji{
        position: absolute;
        top: 11.25px;
        left: 88.5px;
        font-size: 16.5px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w6{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #naviaccess{
        position: relative;
        margin-top: 0px;
        height: 43.5px;
        width: 100%;
        display: none;
    }
    
    #naviaccessimg{
        position: absolute;
        top: 5.25px;
        left: 9px;
        width: 36px;
    }
    
    #naviaccessmoji{
        position: absolute;
        top: 13.5px;
        left: 54px;
        font-size: 13.5px;
        color: black;
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    #w7{
        position: relative;
        margin-top: 0px;
        height: 1px;
        width: 100%;
        background-color: rgba(0,0,0,0.16);
    }
    
    #navisns{
        position: relative;
        margin-top: 0px;
        height: 41.25px;
        width: 100%;
        display: none;
    }
    
    #navitwitter{
        position: absolute;
        top: 6.75px;
        left: 47.25px;
        width: 30px;

    }
    
    #navifacebook{
        position: absolute;
        top: 9.75px;
        left: 152.25px;
        width: 24.75px;
    }
    
    #navi1{
        position: fixed;
        right: 24px;
        bottom: 30px;
        width: 60px;
        cursor: pointer;
    }
    
    #navi2{
        position: fixed;
        right: 24px;
        bottom: 30px;
        width: 60px;
        display: none;
        cursor: pointer;
    }
    
    #navibackground{
        position: fixed;
        right: 24px;
        bottom: 30px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: white;
        cursor: pointer;
        box-shadow: 0px 16px 24px 0px rgba(0,0,0,0.4);
}
}