span{
  background:linear-gradient(transparent 70%, #37c5ff 0%);
}

a{
    color: black;
    text-decoration: none;
}

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

@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;
}
    
.moji{
    color: black;
    text-decoration: none;
}
    
#poster{
    display: block;
    width: 720px;
    margin: 0 auto;
    margin-top: 20px;
}
    
    #mposter{
        display: none;
    }

#point{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 120px;
    margin-top: 12px;
}
    
#notification{
    position: relative;
    margin: 0 auto;
    margin-top: 38px;
    content: "";
    padding-top: 290px;
    width: 720px;
    background-color: white;
    border-radius: 24px;
}

#osirase{
    position: absolute;
    top: calc(14% / 2.9);
    font-size: 28px;
    left: calc(64% / 7.2);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}


#inotification{
    position: absolute;
    top: calc(8% / 2.9);
    left: calc(8% / 7.2); 
    width: calc(56% / 7.2);
}

#by{
    position: absolute;
    top: calc(68% / 2.9);
    left: calc(73% / 7.2);
    font-size: 20px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#termDay{
    position: absolute;
    top: calc(103% / 2.9);
    font-size: 80px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#day{
    position: absolute;
    top: calc(225% / 2.9);
    left: calc(25% / 7.2);
    font-size: 18px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: black;
}

#koushin{
    position: absolute;
    top: calc(67% / 2.9);
    left: calc(430.4% / 7.2);
    font-size: 17px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#bupdate{
    position: absolute;
    top: calc(98% / 2.9);
    left: calc(297% / 7.2);
    width: calc(396% / 7.2);
    height: calc(170% / 2.9);
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 12px; 
    overflow-y: scroll;
}    
    
#bupdate::-webkit-scrollbar{
    display: none;
}
    
#koushin3{
        position: absolute;
        top: 11px;
        left: 8px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin3{
        position: absolute;
        top: 11px;
        right: 20px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin3{
        position: absolute;
        top: 38px;
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin1{
        position: absolute;
        top: 49px;
        left: 8px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin1{
        position: absolute;
        top: 49px;
        right: 20px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin1{
        position: absolute;
        top: 76px;
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin2{
        position: absolute;
        top: 87px;
        left: 8px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin2{
        position: absolute;
        top: 87px;
        right: 20px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin2{
        position: absolute;
        top: 114px;
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin4{
        position: absolute;
        top: 125px;
        left: 8px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin4{
        position: absolute;
        top: 125px;
        right: 20px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin4{
        position: absolute;
        top: 152px;
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin5{
        position: absolute;
        top: 163px;
        left: 8px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin5{
        position: absolute;
        top: 163px;
        right: 20px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin5{
        position: absolute;
        top: 190px;
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin6{
        position: absolute;
        top: 201px;
        left: 8px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin6{
        position: absolute;
        top: 201px;
        right: 20px;
        font-size: 14px;
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin6{
        position: absolute;
        top: 228px;
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
#about{
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    width: 720px;
    padding-top: 250px;
    background-color: white;
    border-radius: 24px;
}

#iabout{
    position: absolute;
    top: calc(8% / 2.5);
    left: calc(8% / 7.2);
    width: calc(50% / 7.2);
}

#aboutseiseisai{
    position: absolute;
    top: calc(14% / 2.5);
    left: calc(68% / 7.2);
    font-size: 28px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#logo{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(40% / 7.2);
    width: calc(100% / 7.2);
}

#elogo{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(50% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#logosche{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(180% / 7.2);
    width: calc(2% / 7.2);
    height: calc(146% / 2.5);
    background-color: gray; 
}

#schedule{
    position: absolute;
    top: calc(64% / 2.5);
    left :calc(220% / 7.2);
    width: calc(100% / 7.2);
}

#eschedule{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(242.1% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#schegree{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(360% / 7.2);
    height: calc(146% / 2.5); 
    width: calc(2% / 7.2); 
    background-color: gray; 
}

#greeting{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(400% / 7.2);
    width: calc(100% / 7.2);
}

#egreeting{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(407.6% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#greebacc{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(540% / 7.2);
    height: calc(146% / 2.5); 
    width: calc(2% / 7.2); 
    background-color: gray; 
}

#baccess{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(580% / 7.2);
    width: calc(100% / 7.2);
}

#ebaccess{
    position: absolute;
    top: calc(167% / 2.5);
    left: calc(596% / 7.2);
    font-size: 14px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#event{
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    width: 720px;
    padding-top: 240px;
    background-color: white;
    border-radius: 24px;
}

#ievent{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#aboutevent{
    position: absolute;
    top: calc(14% / 2.4);
    left: calc(74% / 7.2);
    font-size: 28px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#timetable{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(123% / 7.2);
    width: calc(100% *(120 / 720));
}

#etimetable{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(131% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#timetablecover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(114% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
}    
    
#timetablejunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(147% / 7.2);
    font-size: 25px;
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#timetablecoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(125% / 7.2);
    font-size: 19px;
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#timedeta{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(359% / 7.2);
    height: calc(146% / 2.4); 
    width: calc(2% / 7.2); 
    background-color: gray; 
}

#detail{
    position: absolute;
    top: calc(56% / 2.4);
    left: calc(479% / 7.2);
    width: calc(100% *(120 / 720));
}

#edetail{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(491% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#detailcover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(469% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    }

#detailjunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(502% / 7.2);
    font-size: 25px;
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }   
    
#detailcoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(480% / 7.2);
    font-size: 19px;
    background-color: #37c5ff;   
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#schoolinfo{
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    width: 720px;
    content: "";
    padding-top: 240px;
    background-color: white;
    border-radius: 24px;
}

#kounai{
    position: absolute;
    top: calc(14% / 2.4);
    left: calc(74% / 7.2);
    font-size: 28px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#ischoolinfo{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#schoolmap{
    position: absolute;
    top: calc(60% / 2.4);
    left: calc(119% / 7.2);
    width: calc(100% *(120 / 720));
}

#eschoolmap{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(155% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#schoolmapcover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(109% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4); 
    }
    
#schoolmapjunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(142% / 7.2);
    font-size: 25px;
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#schoolmapcoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(120% / 7.2);
    font-size: 19px;
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#schoperf{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(359% / 7.2);
    height: calc(146% / 2.4); 
    width: calc(2% / 7.2); 
    background-color: gray; 
    border-collapse: collapse;
}

#performance{
    position: absolute;
    top: calc(60% / 2.4);
    left: calc(479% / 7.2);
    width: calc(100% *(120 / 720));
}

#eperformance{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(507% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#performancecover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(466% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    }
    
#performancejunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(499% / 7.2);
    font-size: 25px;
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }   
    
#performancecoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(477% / 7.2);
    font-size: 19px;
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#hanbai{
    position: relative;
    margin: 0 auto;
    margin-top: calc(30% / 9.6);
    width: 720px;
    padding-top: 240px;
    background-color: white;
    border-radius: 24px;
}

#igoods{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#abouthanbai{
    position: absolute;
    top: calc(14% / 2.4);
    left: calc(74% / 7.2);
    font-size: 28px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#goods{
    position: absolute;
    top: calc(49% / 2.4);
    left: calc(119% / 7.2);
    width: calc(100% *(120 / 720));
}

#egoods{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(156% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#goodscover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(110% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    }
    
#goodsjunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(143% / 7.2);
    font-size: 25px;
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#goodscoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(121% / 7.2);
    font-size: 19px;
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#goodbaza{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(359% / 7.2);
    height: calc(146% / 2.4); 
    width: calc(2% / 7.2); 
    background-color: gray; 
}

#bazaar{
    position: absolute;
    top: calc(49% / 2.4);
    left: calc(479% / 7.2);
    width: calc(100% *(120 / 720));
}

#ebazaar{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(515% / 7.2);
    font-size: 16px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#bazaarcover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(469% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    }
    
#bazaarjunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(502% / 7.2);
    font-size: 25px;
    background-color: #37c5ff;    
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }   
    
#bazaarcoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(480% / 7.2);
    font-size: 19px;
    background-color: #37c5ff;   
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#column{
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    width: 720px;
    padding-top: 200px;;
    background-color: white;
    border-radius: 24px;
}

#icolumn{
    position: absolute;
    top: calc(8% / 2);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#aboutcolumn{
    position: absolute;
    top: calc(14% / 2);
    left: calc(74% / 7.2);
    font-size: 28px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#ecolumn{
    position: absolute;
    top: calc(76% / 2);
    left: calc(55%/ 7.2);
    width: calc(621% / 7.2);
    font-size: 18px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#pcolumn{
    position: absolute;
    top: calc(152% / 2);
    left: calc(653% / 7.2);
    width: calc(100% *(42 / 720));
}
    
#youtube{
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    width: 720px;
    padding-top: 450px;;
    background-color: white;
    border-radius: 24px;
}
    
#iyoutube{
    position: absolute;
    top: calc(9% / 4.5);
    left: calc(10% / 7.2);
    width: calc(100% *(56 / 720));
}
    
    #douga{
        position: absolute;
        top: calc(70% / 4.5);
        width: calc(600% / 7.2);
        left: calc(60% / 7.2);
        height: calc(337.5% / 4.5);
    }
    
#eyoutube{
    position: absolute;
    top: calc(14% / 4.5);
    left: calc(74% / 7.2);
    font-size: 28px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#access{
    position: relative;
    margin: 0 auto;
    margin-top: calc(30% / 9.6);
    width: 720px;
    padding-top: 1477px;
    background-color: white;
    border-radius: 24px;
}

#iaccess{
    position: absolute;
    top: calc(8% / 14.77);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#goraijyou{
    position: absolute;
    top: calc(14% / 14.77);
    left: calc(74% / 7.2);
    font-size:  28px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#map{
    position: absolute;
    top: calc(72% / 14.77);
    left: calc(55% / 7.2);
    width: calc(610% / 7.2); 
    height: calc(400% / 14.77);
}

#undermap{
    position: absolute;
    top: calc(493% / 14.77);
    left: calc(54% / 7.2);
    font-size: 25px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#eundermap{
    position: absolute;
    left: calc(54.6% / 7.2);
    top: calc(539% / 14.77);
    font-size: 16px;
    width: calc(610.7% / 7.2);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
    #rosenzu{
    position: absolute;
    top: calc(638% / 14.77);
    left: calc(55% / 7.2);
    width: calc(100% *(610 / 720));
    border:1px solid #BBBBBB;
        border-radius: 12px;
    }

#overcheck1{
    position: absolute;
    top: calc(995% / 14.77);
    left: calc(54.6% / 7.2);
    font-size: 25px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#check1{
    position: absolute;
    top: calc(1036% / 14.77);
    left: calc(58% / 7.2);
    width: calc(100% *(32 / 720));
}

#echeck1{
    position: absolute;
    top: calc(1038% / 14.77);
    left: calc(93% / 7.2);
    font-size: 20px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck1{
    position: absolute;
    top: calc(1075% / 14.77);
    left: calc(54% / 7.2);
    font-size: 14px;
    width: calc(599% / 7.2);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#check2{
    position: absolute;
    top: calc(1163% / 14.77);
    left: calc(57% / 7.2);
    width: calc(100% *(32 / 720));
}

#echeck2{
    position: absolute;
    top: calc(1165% / 14.77);
    left: calc(92% / 7.2);
    font-size: 19px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck2{
    position: absolute;
    top: calc(1200% / 14.77);
    left: calc(54% / 7.2);
    font-size: 14px;
    width: calc(609% / 7.2);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#here{
    color: blue;
    text-decoration: none;
}

#check3{
    position: absolute;
    top: calc(1317% / 14.77);
    left: calc(57% / 7.2);
    width: calc(100% *(32 / 720));
}

#echeck3{
    position: absolute;
    top: calc(1319% / 14.77);
    left: calc(92% / 7.2);
    font-size: 19px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck3{
    position: absolute;
    top: calc(1354% / 14.77);
    left: calc(54% / 7.2);
    font-size: 14px;
    width: calc(609% / 7.2);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#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;
    margin: 0px;
    background-position: left bottom;
    -webkit-text-size-adjust: 100%;
}
    
.moji{
    color: black;
    text-decoration: none;
}
    
#poster{
    position: relative;
    display: block;
    left: calc(calc(100% - calc(720% / 9.6))/2);
    width: calc(720% / 9.6);
    margin-top: calc(20% / 9.6);
}
    
    #mposter{
        display: none;
    }

#point{
    position: relative;
    margin-top: calc(12% / 9.6);
    width: calc(180% / 9.6);
    left: calc(390% / 9.6);
}
    
#notification{
    position: relative;
    margin-top: calc(20% / 9.6);
    content: "";
    padding-top: calc(290% / 9.6);
    left: calc(calc(100% - calc(720% / 9.6))/2);
    width: calc(720% / 9.6);
    background-color: white;
    border-radius: 24px;
}

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


#inotification{
    position: absolute;
    top: calc(8% / 2.9);
    left: calc(8% / 7.2); 
    width: calc(56% / 7.2);
}

#by{
    position: absolute;
    top: calc(68% / 2.9);
    left: calc(73% / 7.2);
    font-size: calc(20vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#termDay{
    position: absolute;
    top: calc(103% / 2.9);
    font-size: calc(80vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#day{
    position: absolute;
    top: calc(225% / 2.9);
    left: calc(25% / 7.2);
    font-size: calc(18vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    color: black;
}

#koushin{
    position: absolute;
    top: calc(67% / 2.9);
    left: calc(430.4% / 7.2);
    font-size: calc(17vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#bupdate{
    position: absolute;
    top: calc(98% / 2.9);
    left: calc(297% / 7.2);
    width: calc(396% / 7.2);
    height: calc(170% / 2.9);
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 12px; 
    overflow-y: scroll;
}    
    
#bupdate::-webkit-scrollbar{
    display: none;
}
    
#koushin3{
        position: absolute;
        top: calc(11% / 1.7);
        left: calc(8% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin3{
        position: absolute;
        top: calc(11% / 1.7);
        right: calc(20% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin3{
        position: absolute;
        top: calc(38% / 1.7);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
#koushin1{
        position: absolute;
        top: calc(49% / 1.7);
        left: calc(8% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin1{
        position: absolute;
        top: calc(49% / 1.7);
        right: calc(20% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin1{
        position: absolute;
        top: calc(76% / 1.7);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin2{
        position: absolute;
        top: calc(87% / 1.7);
        left: calc(8% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin2{
        position: absolute;
        top: calc(87% / 1.7);
        right: calc(20% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin2{
        position: absolute;
        top: calc(114% / 1.7);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin4{
        position: absolute;
        top: calc(125% / 1.7);
        left: calc(8% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin4{
        position: absolute;
        top: calc(125% / 1.7);
        right: calc(20% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin4{
        position: absolute;
        top: calc(152% / 1.7);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin5{
        position: absolute;
        top: calc(163% / 1.7);
        left: calc(8% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin5{
        position: absolute;
        top: calc(163% / 1.7);
        right: calc(20% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin5{
        position: absolute;
        top: calc(190% / 1.7);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin6{
        position: absolute;
        top: calc(201% / 1.7);
        left: calc(8% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin6{
        position: absolute;
        top: calc(201% / 1.7);
        right: calc(20% / 3.96);
        font-size: calc(14vw / 9.6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #lkoushin6{
        position: absolute;
        top: calc(228% / 1.7);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }

#about{
    position: relative;
    left: calc(calc(100% - calc(720% / 9.6))/2);
    margin-top: calc(30% / 9.6);
    width: calc(720% / 9.6);
    padding-top: calc(250% / 9.6);
    background-color: white;
    border-radius: 24px;
}

#iabout{
    position: absolute;
    top: calc(8% / 2.5);
    left: calc(8% / 7.2);
    width: calc(50% / 7.2);
}

#aboutseiseisai{
    position: absolute;
    top: calc(14% / 2.5);
    left: calc(68% / 7.2);
    font-size: calc(28vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#logo{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(40% / 7.2);
    width: calc(100% / 7.2);
}

#elogo{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(50% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#logosche{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(180% / 7.2);
    width: calc(2% / 7.2);
    height: calc(146% / 2.5);
    background-color: gray; 
}

#schedule{
    position: absolute;
    top: calc(64% / 2.5);
    left :calc(220% / 7.2);
    width: calc(100% / 7.2);
}

#eschedule{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(242.1% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#schegree{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(360% / 7.2);
    height: calc(146% / 2.5); 
    width: calc(2% / 7.2); 
    background-color: gray; 
}

#greeting{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(400% / 7.2);
    width: calc(100% / 7.2);
}

#egreeting{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(407.6% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#greebacc{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(540% / 7.2);
    height: calc(146% / 2.5); 
    width: calc(2% / 7.2); 
    background-color: gray; 
}

#baccess{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(580% / 7.2);
    width: calc(100% / 7.2);
}

#ebaccess{
    position: absolute;
    top: calc(167% / 2.5);
    left: calc(596% / 7.2);
    font-size: calc(14vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#event{
    position: relative;
    left: calc(calc(100% - calc(720% / 9.6))/2);
    margin-top: calc(30% / 9.6);
    width: calc(720% / 9.6);
    padding-top: calc(240% / 9.6);
    background-color: white;
    border-radius: 24px;
}

#ievent{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#aboutevent{
    position: absolute;
    top: calc(16% / 2.4);
    left: calc(74% / 7.2);
    font-size: calc(28vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#timetable{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(123% / 7.2);
    width: calc(100% *(120 / 720));
}

#etimetable{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(131% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#timetablecover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(114% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    
    
    border-radius: 15px;
}    
    
#timetablejunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(147% / 7.2);
    font-size: calc(25vw / 9.6);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#timetablecoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(125% / 7.2);
    font-size: calc(19vw / 9.6);
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#timedeta{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(359% / 7.2);
    height: calc(146% / 2.4); 
    width: calc(2% / 7.2); 
    background-color: gray; 
}

#detail{
    position: absolute;
    top: calc(56% / 2.4);
    left: calc(479% / 7.2);
    width: calc(100% *(120 / 720));
}

#edetail{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(491% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#detailcover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(469% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    
    
    border-radius: 15px; 
    }

#detailjunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(502% / 7.2);
    font-size: calc(25vw / 9.6);
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }   
    
#detailcoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(480% / 7.2);
    font-size: calc(19vw / 9.6);
    background-color: #37c5ff;   
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#schoolinfo{
    position: relative;
    left: calc(calc(100% - calc(720% / 9.6))/2);
    margin-top: calc(30% / 9.6);
    width: calc(720% / 9.6);
    content: "";
    padding-top: calc(240% / 9.6);
    background-color: white;
    border-radius: 24px;
}

#kounai{
    position: absolute;
    top: calc(16% / 2.4);
    left: calc(74% / 7.2);
    font-size: calc(28vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#ischoolinfo{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#schoolmap{
    position: absolute;
    top: calc(60% / 2.4);
    left: calc(119% / 7.2);
    width: calc(100% *(120 / 720));
}

#eschoolmap{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(155% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#schoolmapcover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(109% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    
    
    border-radius: 15px;   
    }
    
#schoolmapjunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(142% / 7.2);
    font-size: calc(25vw / 9.6);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#schoolmapcoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(120% / 7.2);
    font-size: calc(19vw / 9.6);
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#schoperf{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(359% / 7.2);
    height: calc(146% / 2.4); 
    width: calc(2% / 7.2); 
    background-color: gray; 
    border-collapse: collapse;
}

#performance{
    position: absolute;
    top: calc(60% / 2.4);
    left: calc(479% / 7.2);
    width: calc(100% *(120 / 720));
}

#eperformance{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(507% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#performancecover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(466% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    
    
    border-radius: 15px;    
    }
    
#performancejunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(499% / 7.2);
    font-size: calc(25vw / 9.6);
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }   
    
#performancecoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(477% / 7.2);
    font-size: calc(19vw / 9.6);
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#hanbai{
    position: relative;
    left: calc(calc(100% - calc(720% / 9.6))/2);
    margin-top: calc(30% / 9.6);
    width: calc(720% / 9.6);
    padding-top: calc(240% / 9.6);
    background-color: white;
    border-radius: 24px;
}

#igoods{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#abouthanbai{
    position: absolute;
    top: calc(16% / 2.4);
    left: calc(74% / 7.2);
    font-size: calc(28vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#goods{
    position: absolute;
    top: calc(49% / 2.4);
    left: calc(119% / 7.2);
    width: calc(100% *(120 / 720));
}

#egoods{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(156% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#goodscover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(110% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    
    
    border-radius: 15px;   
    }
    
#goodsjunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(143% / 7.2);
    font-size: calc(25vw / 9.6);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#goodscoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(121% / 7.2);
    font-size: calc(19vw / 9.6);
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#goodbaza{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(359% / 7.2);
    height: calc(146% / 2.4); 
    width: calc(2% / 7.2); 
    background-color: gray; 
}

#bazaar{
    position: absolute;
    top: calc(49% / 2.4);
    left: calc(479% / 7.2);
    width: calc(100% *(120 / 720));
}

#ebazaar{
    position: absolute;
    top: calc(174% / 2.4);
    left: calc(515% / 7.2);
    font-size: calc(16vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#bazaarcover{
    position: absolute;
    top: calc(57% / 2.4);
    left: calc(469% / 7.2);
    width: calc(140% / 7.2);
    height: calc(150% / 2.4);
    
    
    border-radius: 15px;    
    }
    
#bazaarjunbi{
    position: absolute;
    top: calc(73% / 2.4);
    left: calc(502% / 7.2);
    font-size: calc(25vw / 9.6);
    background-color: #37c5ff;    
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }   
    
#bazaarcoming{
    position: absolute;
    top: calc(141.3% / 2.4);
    left: calc(480% / 7.2);
    font-size: calc(19vw / 9.6);
    background-color: #37c5ff;   
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#column{
    position: relative;
    left: calc(calc(100% - calc(720% / 9.6))/2);
    margin-top: calc(30% / 9.6);
    width: calc(720% / 9.6);
    padding-top: calc(200% / 9.6);
    background-color: white;
    border-radius: 24px;
}

#icolumn{
    position: absolute;
    top: calc(8% / 2);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#aboutcolumn{
    position: absolute;
    top: calc(16% / 2);
    left: calc(74% / 7.2);
    font-size: calc(28vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#ecolumn{
    position: absolute;
    top: calc(76% / 2);
    left: calc(55% / 7.2);
    width: calc(621% / 7.2);
    font-size: calc(18vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#pcolumn{
    position: absolute;
    top: calc(152% / 2);
    left: calc(653% / 7.2);
    width: calc(100% *(42 / 720));
}

#youtube{
    position: relative;
    margin: 0 auto;
    margin-top: calc(30% / 9.6);
    width: calc(720% / 9.6);
    padding-top: calc(450% / 9.6);
    background-color: white;
    border-radius: 24px;
}
    
#iyoutube{
    position: absolute;
    top: calc(9% / 4.5);
    left: calc(10% / 7.2);
    width: calc(100% *(56 / 720));
}
    
    #douga{
        position: absolute;
        top: calc(70% / 4.5);
        width: calc(600% / 7.2);
        left: calc(60% / 7.2);
        height: calc(337.5% / 4.5);
    }
    
#eyoutube{
    position: absolute;
    top: calc(14% / 4.5);
    left: calc(74% / 7.2);
    font-size: calc(28vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}    
    
#access{
    position: relative;
    left: calc(calc(100% - calc(720% / 9.6))/2);
    margin-top: calc(30% / 9.6);
    width: calc(720% / 9.6);
    padding-top: calc(1477% / 9.6);
    background-color: white;
    border-radius: 24px;
}

#iaccess{
    position: absolute;
    top: calc(8% / 14.77);
    left: calc(8% / 7.2);
    width: calc(100% *(56 / 720));
}

#goraijyou{
    position: absolute;
    top: calc(14% / 14.77);
    left: calc(74% / 7.2);
    font-size:  calc(28vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#map{
    position: absolute;
    top: calc(72% / 14.77);
    left: calc(55% / 7.2);
    width: calc(610% / 7.2); 
    height: calc(400% / 14.77);
}

#undermap{
    position: absolute;
    top: calc(493% / 14.77);
    left: calc(54% / 7.2);
    font-size: calc(25vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#eundermap{
    position: absolute;
    left: calc(54.6% / 7.2);
    top: calc(539% / 14.77);
    font-size: calc(16vw / 9.6);
    width: calc(610.7% / 7.2);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
    #rosenzu{
    position: absolute;
    top: calc(638% / 14.77);
    left: calc(55% / 7.2);
    width: calc(100% *(610 / 720));
    border:1px solid #BBBBBB;
    border-radius: 12px;
    }

#overcheck1{
    position: absolute;
    top: calc(995% / 14.77);
    left: calc(54.6% / 7.2);
    font-size: calc(25vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#check1{
    position: absolute;
    top: calc(1036% / 14.77);
    left: calc(58% / 7.2);
    width: calc(100% *(32 / 720));
}

#echeck1{
    position: absolute;
    top: calc(1038% / 14.77);
    left: calc(93% / 7.2);
    font-size: calc(20vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck1{
    position: absolute;
    top: calc(1075% / 14.77);
    left: calc(54% / 7.2);
    font-size: calc(14vw / 9.6);
    width: calc(599% / 7.2);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#check2{
    position: absolute;
    top: calc(1163% / 14.77);
    left: calc(57% / 7.2);
    width: calc(100% *(32 / 720));
}

#echeck2{
    position: absolute;
    top: calc(1165% / 14.77);
    left: calc(92% / 7.2);
    font-size: calc(19vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck2{
    position: absolute;
    top: calc(1200% / 14.77);
    left: calc(54% / 7.2);
    font-size: calc(14vw / 9.6);
    width: calc(609% / 7.2);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#here{
    color: blue;
    text-decoration: none;
}

#check3{
    position: absolute;
    top: calc(1317% / 14.77);
    left: calc(57% / 7.2);
    width: calc(100% *(32 / 720));
}

#echeck3{
    position: absolute;
    top: calc(1319% / 14.77);
    left: calc(92% / 7.2);
    font-size: calc(19vw / 9.6);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck3{
    position: absolute;
    top: calc(1354% / 14.77);
    left: calc(54% / 7.2);
    font-size: calc(14vw / 9.6);
    width: calc(609% / 7.2);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#sitabubun{
        position: relative;
        left: calc(120% / 9.6);
        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 (max-width: 600px) and (min-width: 480px){
body:before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height: 100%;
    background:url(/2019/back_left.png) center no-repeat;
    background-size:cover;
    margin: 0px;
    background-position: left bottom;
    -webkit-text-size-adjust: 100%;
}
    
.moji{
    color: black;
    text-decoration: none;
}

#poster{
    display: none;
}
    
    #mposter{
        position: relative;
        margin-top: calc(40% / 4.8);
        left: calc(15% / 4.8);
        width: calc(450% / 4.8);
    }

#point{
    position: relative;
    margin-top: calc(14% / 4.8);
    width: calc(240% / 4.8);
    left: calc(120% / 4.8);
    }
    
#notification{
    position: relative;
    margin-top: calc(20% / 4.8);
    padding-top: calc(290% / 4.8);
    left: calc(calc(100% - calc(450% / 4.8))/2);
    width: calc(450% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#osirase{
    position: absolute;
    top: calc(16% / 2.9);
    font-size: calc(28vw / 4.8);
    left: calc(64% / 4.5);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}


#inotification{
    position: absolute;
    top: calc(8% / 2.9);
    left: calc(8% / 4.5); 
    width: calc(56% / 4.5);
}

#by{
    position: absolute;
    top: calc(68% / 2.9);
    left: calc(25% / 4.5);
    font-size: calc(20vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#termDay{
    position: absolute;
    top: calc(107% / 2.9);
    font-size: calc(60vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#day{
    position: absolute;
    top: calc(217% / 2.9);
    left: calc(10% / 4.5);
    font-size: calc(12vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#koushin{
    position: absolute;
    top: calc(68% / 2.9);
    left: calc(271.7% / 4.5);
    font-size: calc(17vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#bupdate{
    position: absolute;
    top: calc(99% / 2.9);
    left: calc(189% / 4.5);
    width: calc(248% / 4.5);
    height: calc(162% / 2.9);
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;   
    overflow-y: scroll;
}    
    
#bupdate::-webkit-scrollbar{
    display: none;
    }
    
#koushin3{
        position: absolute;
        top: calc(11% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin3{
        display: none;
    }
    
    #lkoushin3{
        position: absolute;
        top: calc(38% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
#koushin1{
        position: absolute;
        top: calc(49% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin1{
        display: none;
    }
    
    #lkoushin1{
        position: absolute;
        top: calc(76% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin2{
        position: absolute;
        top: calc(87% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin2{
        display: none;
    }
    
    #lkoushin2{
        position: absolute;
        top: calc(114% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin4{
        position: absolute;
        top: calc(125% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin4{
        display: none;
    }
    
    #lkoushin4{
        position: absolute;
        top: calc(152% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin5{
        position: absolute;
        top: calc(163% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin5{
        display: none;
    }
    
    #lkoushin5{
        position: absolute;
        top: calc(190% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin6{
        position: absolute;
        top: calc(201% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin6{
        display: none;
    }
    
    #lkoushin6{
        position: absolute;
        top: calc(228% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }

#about{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(250% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#iabout{
    position: absolute;
    top: calc(8% / 2.5);
    left: calc(8% / 4.5);
    width: calc(50% / 4.5);
}

#aboutseiseisai{
    position: absolute;
    top: calc(14% / 2.5);
    left: calc(68% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#logo{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(6% / 4.5);
    width: calc(100% / 4.5);
}

#elogo{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(16% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#logosche{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(112% / 4.5);
    width: calc(2% / 4.5);
    height: calc(146% / 2.5);
    background-color: gray; 
}

#schedule{
    position: absolute;
    top: calc(64% / 2.5);
    left :calc(118% / 4.5);
    width: calc(100% / 4.5);
}

#eschedule{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(136% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#schegree{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(224% / 4.5);
    height: calc(146% / 2.5); 
    width: calc(2% / 4.5); 
    background-color: gray; 
}

#greeting{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(230% / 4.5);
    width: calc(100% *(100 / 450));
}

#egreeting{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(240% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#greebacc{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(336% / 4.5);
    height: calc(146% / 2.5); 
    width: calc(2% / 4.5); 
    background-color: gray; 
}

#baccess{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(342% / 4.5);
    width: calc(100% *(100 / 450));
}

#ebaccess{
    position: absolute;
    top: calc(167% / 2.5);
    left: calc(358% / 4.5);
    font-size: calc(14vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#event{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(240% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#ievent{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#aboutevent{
    position: absolute;
    top: calc(15% / 2.4);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#timetable{
    position: absolute;
    top: calc(60% / 2.4);
    left: calc(56% / 4.5);
    width: calc(100% *(120 / 450));
}

#etimetable{
    position: absolute;
    top: calc(180% / 2.4);
    left: calc(60% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#timetablecover{
    position: absolute;
    top: calc(59% / 2.4);
    left: calc(46% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#timetablejunbi{
    position: absolute;
    top: calc(77% / 2.4);
    left: calc(79% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#timetablecoming{
    position: absolute;
    top: calc(146% / 2.4);
    left: calc(57% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#timedeta{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(224% / 4.5);
    height: calc(146% / 2.4); 
    width: calc(2% / 4.5); 
    background-color: gray; 
}

#detail{
    position: absolute;
    top: calc(60% / 2.4);
    left: calc(272% / 4.5);
    width: calc(100% *(120 / 450));
}

#edetail{
    position: absolute;
    top: calc(180% / 2.4);
    left: calc(282% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#detailcover{
    position: absolute;
    top: calc(59% / 2.4);
    left: calc(260% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#detailjunbi{
    position: absolute;
    top: calc(77% / 2.4);
    left: calc(293% / 4.5);
    font-size: calc(25vw / 4.5);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#detailcoming{
    position: absolute;
    top: calc(146% / 2.4);
    left: calc(271% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#schoolinfo{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(240% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#kounai{
    position: absolute;
    top: calc(16% / 2.4);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#ischoolinfo{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#schoolmap{
    position: absolute;
    top: calc(70% / 2.4);
    left: calc(56% / 4.5);
    width: calc(100% *(120 / 450));
}

#eschoolmap{
    position: absolute;
    top: calc(190% / 2.4);
    left: calc(92% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#schoolmapcover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(46% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#schoolmapjunbi{
    position: absolute;
    top: calc(85% / 2.4);
    left: calc(79% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#schoolmapcoming{
    position: absolute;
    top: calc(154% / 2.4);
    left: calc(57% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff;   
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#schoperf{
    position: absolute;
    top: calc(64% / 2.4);
    left: calc(224% / 4.5);
    height: calc(146% / 2.4); 
    width: calc(2% / 4.5); 
    background-color: gray; 
    border-collapse: collapse;
}

#performance{
    position: absolute;
    top: calc(70% / 2.4);
    left: calc(272% / 4.5);
    width: calc(100% *(120 / 450));
}

#eperformance{
    position: absolute;
    top: calc(190% / 2.4);
    left: calc(300% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#performancecover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(262% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#performancejunbi{
    position: absolute;
    top: calc(84% / 2.4);
    left: calc(295% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#performancecoming{
    position: absolute;
    top: calc(153% / 2.4);
    left: calc(273% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#hanbai{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(240% / 4.5);
    background-color: white;
    border-radius: 15px;
}

#igoods{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#abouthanbai{
    position: absolute;
    top: calc(16% / 2.4);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#goods{
    position: absolute;
    top: calc(70% / 2.4);
    left: calc(56% / 4.5);
    width: calc(100% *(120 / 450));
}

#egoods{
    position: absolute;
    top: calc(190% / 2.4);
    left: calc(93% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#goodscover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(46% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#goodsjunbi{
    position: absolute;
    top: calc(85% / 2.4);
    left: calc(79% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#goodscoming{
    position: absolute;
    top: calc(154% / 2.4);
    left: calc(57% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#goodbaza{
    position: absolute;
    top: calc(64% / 2.4);
    left: calc(224% / 4.5);
    height: calc(146% / 2.4); 
    width: calc(2% / 4.5); 
    background-color: gray; 
}

#bazaar{
    position: absolute;
    top: calc(70% / 2.4);
    left: calc(272% / 4.5);
    width: calc(100% *(120 / 450));
}

#ebazaar{
    position: absolute;
    top: calc(190% / 2.4);
    left: calc(308% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#bazaarcover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(262% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#bazaarjunbi{
    position: absolute;
    top: calc(84% / 2.4);
    left: calc(295% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#bazaarcoming{
    position: absolute;
    top: calc(153% / 2.4);
    left: calc(273% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#column{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(200% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#icolumn{
    position: absolute;
    top: calc(8% / 2);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#aboutcolumn{
    position: absolute;
    top: calc(16% / 2);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#ecolumn{
    position: absolute;
    top: calc(76% / 2);
    left: calc(34% / 4.5);
    font-size: calc(18vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#pcolumn{
    position: absolute;
    top: calc(152% / 2);
    left: calc(382% / 4.5);
    width: calc(100% *(42 / 450));
}
    
    #youtube{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(350% / 4.8);
    background-color: white;
    border-radius: 15px; 
    }
    
    #iyoutube{
    position: absolute;
    top: calc(8% / 3.5);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
    }
    
    #eyoutube{
    position: absolute;
    top: calc(16% / 3.5);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
    #douga{
        position: absolute;
        top: calc(80% / 3.5);
        left: calc(25% / 4.5);
        width: calc(400% / 4.5);
        height: calc(225% / 3.5);
    }

#access{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(1434% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#iaccess{
    position: absolute;
    top: calc(8% / 14.34);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#goraijyou{
    position: absolute;
    top: calc(16% / 14.34);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#map{
    position: absolute;
    top: calc(76% / 14.34);
    left: calc(34% / 4.5);
    width: calc(380% / 4.5); 
    height: calc(400% / 14.34);
}

#undermap{
    position: absolute;
    top: calc(496% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(25vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#eundermap{
    position: absolute;
    left: calc(34% / 4.5);
    top: calc(546% / 14.34);
    font-size: calc(16vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}
    
#rosenzu{
    position: absolute;
    top: calc(670% / 14.34);
    left: calc(34% / 4.5);
    width: calc(100% *(380 / 450));    
    border:1px solid #BBBBBB;
    border-radius: 7.5px;
    }

#overcheck1{
    position: absolute;
    top: calc(904% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(25vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#check1{
    position: absolute;
    top: calc(953% / 14.34);
    left: calc(34% / 4.5);
    width: calc(100% *(24 / 450));
}

#echeck1{
    position: absolute;
    top: calc(950% / 14.34);
    left: calc(58% / 4.5);
    font-size: calc(20vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck1{
    position: absolute;
    top: calc(983% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(14vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#check2{
    position: absolute;
    top: calc(1105% / 14.34);
    left: calc(34% / 4.5);
    width: calc(100% *(24 / 450));
}

#echeck2{
    position: absolute;
    top: calc(1104% / 14.34);
    left: calc(58% / 4.5);
    font-size: calc(20vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck2{
    position: absolute;
    top: calc(1137% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(14vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#here{
    color: blue;
    text-decoration: none;
}

#check3{
    position: absolute;
    top: calc(1259% / 14.34);
    left: calc(34% / 4.5);
    width: calc(100% *(24 / 450));
}

#echeck3{
    position: absolute;
    top: calc(1258% / 14.34);
    left: calc(58% / 4.5);
    font-size: calc(20vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck3{
    position: absolute;
    top: calc(1291% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(14vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#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: left bottom;
    -webkit-text-size-adjust : 100%;
}

.moji{
    color: black;
    text-decoration: none;
}

#poster{
    display: none;
}
    
    #mposter{
        position: relative;
        margin-top: calc(40% / 4.8);
        left: calc(15% / 4.8);
        width: calc(450% / 4.8);
    }

#point{
    position: relative;
    margin-top: calc(14% / 4.8);
    width: calc(240% / 4.8);
    left: calc(120% / 4.8);
    }
    
#notification{
    position: relative;
    margin-top: calc(20% / 4.8);
    padding-top: calc(290% / 4.8);
    left: calc(calc(100% - calc(450% / 4.8))/2);
    width: calc(450% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#osirase{
    position: absolute;
    top: calc(16% / 2.9);
    font-size: calc(28vw / 4.8);
    left: calc(64% / 4.5);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}


#inotification{
    position: absolute;
    top: calc(8% / 2.9);
    left: calc(8% / 4.5); 
    width: calc(56% / 4.5);
}

#by{
    position: absolute;
    top: calc(68% / 2.9);
    left: calc(25% / 4.5);
    font-size: calc(20vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#termDay{
    position: absolute;
    top: calc(107% / 2.9);
    font-size: calc(60vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#day{
    position: absolute;
    top: calc(217% / 2.9);
    left: calc(10% / 4.5);
    font-size: calc(12vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#koushin{
    position: absolute;
    top: calc(68% / 2.9);
    left: calc(271.7% / 4.5);
    font-size: calc(17vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#bupdate{
    position: absolute;
    top: calc(99% / 2.9);
    left: calc(189% / 4.5);
    width: calc(248% / 4.5);
    height: calc(162% / 2.9);
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;   
    overflow-y: scroll;
}    
    
#bupdate::-webkit-scrollbar{
    display: none;
    }
    
#koushin3{
        position: absolute;
        top: calc(11% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin3{
        display: none;
    }
    
    #lkoushin3{
        position: absolute;
        top: calc(38% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
#koushin1{
        position: absolute;
        top: calc(49% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin1{
        display: none;
    }
    
    #lkoushin1{
        position: absolute;
        top: calc(76% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin2{
        position: absolute;
        top: calc(87% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin2{
        display: none;
    }
    
    #lkoushin2{
        position: absolute;
        top: calc(114% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin4{
        position: absolute;
        top: calc(125% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin4{
        display: none;
    }
    
    #lkoushin4{
        position: absolute;
        top: calc(152% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin5{
        position: absolute;
        top: calc(163% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin5{
        display: none;
    }
    
    #lkoushin5{
        position: absolute;
        top: calc(190% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }
    
    #koushin6{
        position: absolute;
        top: calc(201% / 1.62);
        left: calc(8% / 2.48);
        font-size: calc(14vw / 6);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
    }
    
    #dkoushin6{
        display: none;
    }
    
    #lkoushin6{
        position: absolute;
        top: calc(228% / 1.61);
        width: 100%;
        height: 1px;
        background-color: #979797;
    }

#about{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(250% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#iabout{
    position: absolute;
    top: calc(8% / 2.5);
    left: calc(8% / 4.5);
    width: calc(50% / 4.5);
}

#aboutseiseisai{
    position: absolute;
    top: calc(14% / 2.5);
    left: calc(68% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#logo{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(6% / 4.5);
    width: calc(100% / 4.5);
}

#elogo{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(16% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#logosche{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(112% / 4.5);
    width: calc(2% / 4.5);
    height: calc(146% / 2.5);
    background-color: gray; 
}

#schedule{
    position: absolute;
    top: calc(64% / 2.5);
    left :calc(118% / 4.5);
    width: calc(100% / 4.5);
}

#eschedule{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(136% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#schegree{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(224% / 4.5);
    height: calc(146% / 2.5); 
    width: calc(2% / 4.5); 
    background-color: gray; 
}

#greeting{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(230% / 4.5);
    width: calc(100% *(100 / 450));
}

#egreeting{
    position: absolute;
    top: calc(176% / 2.5);
    left: calc(240% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#greebacc{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(336% / 4.5);
    height: calc(146% / 2.5); 
    width: calc(2% / 4.5); 
    background-color: gray; 
}

#baccess{
    position: absolute;
    top: calc(64% / 2.5);
    left: calc(342% / 4.5);
    width: calc(100% *(100 / 450));
}

#ebaccess{
    position: absolute;
    top: calc(167% / 2.5);
    left: calc(358% / 4.5);
    font-size: calc(14vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#event{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(240% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#ievent{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#aboutevent{
    position: absolute;
    top: calc(15% / 2.4);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#timetable{
    position: absolute;
    top: calc(60% / 2.4);
    left: calc(56% / 4.5);
    width: calc(100% *(120 / 450));
}

#etimetable{
    position: absolute;
    top: calc(180% / 2.4);
    left: calc(60% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#timetablecover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(46% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    border-radius: 15px;
    }        
    
#timetablejunbi{
    position: absolute;
    top: calc(77% / 2.4);
    left: calc(79% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#timetablecoming{
    position: absolute;
    top: calc(146% / 2.4);
    left: calc(57% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#timedeta{
    position: absolute;
    top: calc(54% / 2.4);
    left: calc(224% / 4.5);
    height: calc(146% / 2.4); 
    width: calc(2% / 4.5); 
    background-color: gray; 
}

#detail{
    position: absolute;
    top: calc(60% / 2.4);
    left: calc(272% / 4.5);
    width: calc(100% *(120 / 450));
}

#edetail{
    position: absolute;
    top: calc(180% / 2.4);
    left: calc(282% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#detailcover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(262% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    }        
    
#detailjunbi{
    position: absolute;
    top: calc(77% / 2.4);
    left: calc(293% / 4.5);
    font-size: calc(25vw / 4.5);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#detailcoming{
    position: absolute;
    top: calc(146% / 2.4);
    left: calc(271% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#schoolinfo{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(240% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#kounai{
    position: absolute;
    top: calc(16% / 2.4);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#ischoolinfo{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#schoolmap{
    position: absolute;
    top: calc(70% / 2.4);
    left: calc(56% / 4.5);
    width: calc(100% *(120 / 450));
}

#eschoolmap{
    position: absolute;
    top: calc(190% / 2.4);
    left: calc(92% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#schoolmapcover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(46% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#schoolmapjunbi{
    position: absolute;
    top: calc(85% / 2.4);
    left: calc(79% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#schoolmapcoming{
    position: absolute;
    top: calc(154% / 2.4);
    left: calc(57% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff;   
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#schoperf{
    position: absolute;
    top: calc(64% / 2.4);
    left: calc(224% / 4.5);
    height: calc(146% / 2.4); 
    width: calc(2% / 4.5); 
    background-color: gray; 
    border-collapse: collapse;
}

#performance{
    position: absolute;
    top: calc(70% / 2.4);
    left: calc(272% / 4.5);
    width: calc(100% *(120 / 450));
}

#eperformance{
    position: absolute;
    top: calc(190% / 2.4);
    left: calc(300% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#performancecover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(262% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#performancejunbi{
    position: absolute;
    top: calc(84% / 2.4);
    left: calc(295% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#performancecoming{
    position: absolute;
    top: calc(153% / 2.4);
    left: calc(273% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#hanbai{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(240% / 4.5);
    background-color: white;
    border-radius: 15px;
}

#igoods{
    position: absolute;
    top: calc(8% / 2.4);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#abouthanbai{
    position: absolute;
    top: calc(16% / 2.4);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#goods{
    position: absolute;
    top: calc(70% / 2.4);
    left: calc(56% / 4.5);
    width: calc(100% *(120 / 450));
}

#egoods{
    position: absolute;
    top: calc(190% / 2.4);
    left: calc(93% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#goodscover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(46% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#goodsjunbi{
    position: absolute;
    top: calc(85% / 2.4);
    left: calc(79% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#goodscoming{
    position: absolute;
    top: calc(154% / 2.4);
    left: calc(57% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff; 
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#goodbaza{
    position: absolute;
    top: calc(64% / 2.4);
    left: calc(224% / 4.5);
    height: calc(146% / 2.4); 
    width: calc(2% / 4.5); 
    background-color: gray; 
}

#bazaar{
    position: absolute;
    top: calc(70% / 2.4);
    left: calc(272% / 4.5);
    width: calc(100% *(120 / 450));
}

#ebazaar{
    position: absolute;
    top: calc(190% / 2.4);
    left: calc(308% / 4.5);
    font-size: calc(16vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}
    
#bazaarcover{
    position: absolute;
    top: calc(66% / 2.4);
    left: calc(262% / 4.5);
    width: calc(140% / 4.5);
    height: calc(156% / 2.4);
    
    
    border-radius: 15px;
    }        
    
#bazaarjunbi{
    position: absolute;
    top: calc(84% / 2.4);
    left: calc(295% / 4.5);
    font-size: calc(25vw / 4.8);
    background-color: #37c5ff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
#bazaarcoming{
    position: absolute;
    top: calc(153% / 2.4);
    left: calc(273% / 4.5);
    font-size: calc(19vw / 4.8);
    background-color: #37c5ff;  
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }

#column{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(200% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#icolumn{
    position: absolute;
    top: calc(8% / 2);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#aboutcolumn{
    position: absolute;
    top: calc(16% / 2);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#ecolumn{
    position: absolute;
    top: calc(76% / 2);
    left: calc(34% / 4.5);
    font-size: calc(18vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#pcolumn{
    position: absolute;
    top: calc(152% / 2);
    left: calc(382% / 4.5);
    width: calc(100% *(42 / 450));
}
    
    #youtube{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(350% / 4.8);
    background-color: white;
    border-radius: 15px; 
    }
    
    #iyoutube{
    position: absolute;
    top: calc(8% / 3.5);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
    }
    
    #eyoutube{
    position: absolute;
    top: calc(16% / 3.5);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    }
    
    #douga{
        position: absolute;
        top: calc(80% / 3.5);
        left: calc(25% / 4.5);
        width: calc(400% / 4.5);
        height: calc(225% / 3.5);
    }

#access{
    position: relative;
    left: calc(calc(100% - calc(450% / 4.8))/2);
    margin-top: calc(40% / 4.8);
    width: calc(450% / 4.8);
    padding-top: calc(1434% / 4.8);
    background-color: white;
    border-radius: 15px;
}

#iaccess{
    position: absolute;
    top: calc(8% / 14.34);
    left: calc(8% / 4.5);
    width: calc(100% *(56 / 450));
}

#goraijyou{
    position: absolute;
    top: calc(16% / 14.34);
    left: calc(74% / 4.5);
    font-size: calc(28vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#map{
    position: absolute;
    top: calc(76% / 14.34);
    left: calc(34% / 4.5);
    width: calc(380% / 4.5); 
    height: calc(400% / 14.34);
}

#undermap{
    position: absolute;
    top: calc(496% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(25vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#eundermap{
    position: absolute;
    left: calc(34% / 4.5);
    top: calc(546% / 14.34);
    font-size: calc(16vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}
    
#rosenzu{
    position: absolute;
    top: calc(670% / 14.34);
    left: calc(34% / 4.5);
    width: calc(100% *(380 / 450));    
    border:1px solid #BBBBBB;
    border-radius: 7.5px;
    }

#overcheck1{
    position: absolute;
    top: calc(904% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(25vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#check1{
    position: absolute;
    top: calc(953% / 14.34);
    left: calc(34% / 4.5);
    width: calc(100% *(24 / 450));
}

#echeck1{
    position: absolute;
    top: calc(950% / 14.34);
    left: calc(58% / 4.5);
    font-size: calc(20vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck1{
    position: absolute;
    top: calc(983% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(14vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#check2{
    position: absolute;
    top: calc(1105% / 14.34);
    left: calc(34% / 4.5);
    width: calc(100% *(24 / 450));
}

#echeck2{
    position: absolute;
    top: calc(1104% / 14.34);
    left: calc(58% / 4.5);
    font-size: calc(20vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck2{
    position: absolute;
    top: calc(1137% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(14vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#here{
    color: blue;
    text-decoration: none;
}

#check3{
    position: absolute;
    top: calc(1259% / 14.34);
    left: calc(34% / 4.5);
    width: calc(100% *(24 / 450));
}

#echeck3{
    position: absolute;
    top: calc(1258% / 14.34);
    left: calc(58% / 4.5);
    font-size: calc(20vw / 4.8);
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
}

#excheck3{
    position: absolute;
    top: calc(1291% / 14.34);
    left: calc(34% / 4.5);
    font-size: calc(14vw / 4.8);
    width: calc(380% / 4.5);
    word-wrap: break-word;
    font-family: fot-tsukuardgothic-std, sans-serif;
    line-height: 1.4em;
}

#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);
}
}