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

@media screen and (min-width: 960px){
    .back{
        position: absolute;
        top: calc(497% / 4.97);
        left: calc(550% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 15px;
        color: black;
        text-decoration: underline;
    }
    
    #style{
        width: 720px;
        margin: 0 auto;
    }
    
    body:before{
        content:"";
        display:block;
        position:fixed;
        top:0;
        left:0;
        z-index:-1;
        width:100%;
        height:100vh;
        background:url(/2019/back_web.png) center no-repeat;
        background-size:cover;
        background-attachment: fixed;
        margin: 0px;
        background-position: left bottom;
        -webkit-text-size-adjust: 100%;    
    }
    
    #box1{
        position: relative;
        margin-top: calc(20% / 7.2);
        width: calc(197% / 7.2);
        padding-top: calc(72% / 7.2);
        background-color: white;
        border-radius: 12px;
    }
    
    #ibox1{
        position: absolute;
        top: calc(8% / 0.72);
        height: calc(56% / 0.72);
        left: calc(8% / 1.97);
    }
    
    #ebox1{
        position: absolute;
        top: calc(16% / 0.72);
        left: calc(64% / 1.97);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 28px;
    }
    
    #box2{
        position: relative;
        margin-top: calc(30% / 7.2);
        width: calc(720% / 7.2);
        padding-top: calc(586% / 7.2);
        background-color: white;
        border-radius: 18px;
    }
    
    #ibox2{
        position: absolute;
        top: calc(10% / 5.86);
        height: calc(50% / 5.86);
        left: calc(12% / 7.2);
    }
    
    #ebox2{
        position: absolute;
        top: calc(15% / 5.86);
        left: calc(72% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 26px;
    }
    
    #pbox2{
        position: absolute;
        left: calc(21% / 7.2);
        width: calc(678% / 7.2);
        height: calc(486% / 5.86);
        top: calc(60% / 5.86);
    }
    
    #box3{
        position: relative;
        margin-top: calc(30% / 7.2);
        width: calc(720% / 7.2);
        padding-top: calc(10196% / 7.2);
        border-radius: 18px;
    }
    
    #realbox3{
        position: absolute;
        top: 0%;
        width: calc(720% / 7.2);
        height: calc(10196% / 101.96);
        background-color: white;
        border-radius: 18px;
    }
    
    #ibox3{
        position: absolute;
        top: calc(10% / 101.96);
        height: calc(50% / 101.96);
        left: calc(12% / 7.2);
    }
    
    #ebox3{
        position: absolute;
        top: calc(15% / 101.96);
        left: calc(72% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 26px;
    }
    
    #j1f{
        position: absolute;
        top: calc(68% / 101.96);
        width: calc(108% / 7.2);
        left: calc(19% / 7.2);
    }
    
    #j2f{
        position: absolute;
        top: calc(68% / 101.96);
        width: calc(108% / 7.2);
        left: calc(167% / 7.2);
    }
    
    #j3f{
        position: absolute;
        top: calc(68% / 101.96);
        width: calc(108% / 7.2);
        left: calc(315% / 7.2);
    }
    
    #h2f{
        position: absolute;
        top: calc(112% / 101.96);
        width: calc(108% / 7.2);
        left: calc(19% / 7.2);
    }
    
    #h3f{
        position: absolute;
        top: calc(112% / 101.96);
        width: calc(108% / 7.2);
        left: calc(167% / 7.2);
    }
    
    #h4f{
        position: absolute;
        top: calc(112% / 101.96);
        width: calc(108% / 7.2);
        left: calc(315% / 7.2);
    }
    
    #mapc1f{
        position: absolute;
        top: calc(192% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxc1f{
        position: absolute;
        top: calc(741% / 101.96);
        width: 100%;
        height: calc(497% / 101.96);
    }
    
    #tate1{
        position: absolute;
        top: calc(0% / 4.97);
        width: calc(8% / 7.2);
        height: calc(131% / 4.97);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate2{
        position: absolute;
        top: calc(151% / 4.97);
        width: calc(8% / 7.2);
        height: calc(140% / 4.97);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate3{
        position: absolute;
        top: calc(311% / 4.97);
        width: calc(8% / 7.2);
        height: calc(186% / 4.97);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #d1{
        position: absolute;
        top: calc(13% / 4.97);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #bc1{
        position: absolute;
        top: calc(164% / 4.97);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #cali{
        position: absolute;
        top: calc(324% / 4.97);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ed1{
        position: absolute;
        top: calc(16% / 4.97);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #ebc1{
        position: absolute;
        top: calc(167% / 4.97);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #ecali{
        position: absolute;
        top: calc(327% / 4.97);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #exd1{
        position: absolute;
        top: calc(59% / 4.97);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exbc1{
        position: absolute;
        top: calc(210% / 4.97);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #excali{
        position: absolute;
        top: calc(370% / 4.97);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #calitw{
        position: absolute;
        top: calc(454% / 4.97);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #minitate1{
        position: absolute;
        top: calc(466% / 4.97);
        width: calc(1% / 7.2);
        height: calc(12% / 4.97);
        background-color: gray;
        left: calc(83% / 7.2);
    }
    
    #caliken{
        position: absolute;
        top: calc(454% / 4.97);
        width: calc(36% / 7.2);
        left: calc(95% / 7.2);
    }
    
    #back1{
        position: absolute;
        top: calc(497% / 4.97);
        left: calc(550% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 15px;
    }
    
    #mapc2f{
        position: absolute;
        top: calc(1319% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxc2f{
        position: absolute;
        top: calc(1890% / 101.96);
        width: 100%;
        height: calc(614% / 101.96);
    }
    
    #tate4{
        position: absolute;
        top: calc(0% / 6.14);
        width: calc(8% / 7.2);
        height: calc(140% / 6.14);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate5{
        position: absolute;
        top: calc(160% / 6.14);
        width: calc(8% / 7.2);
        height: calc(90% / 6.14);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate6{
        position: absolute;
        top: calc(270% / 6.14);
        width: calc(8% / 7.2);
        height: calc(140% / 6.14);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate7{
        position: absolute;
        top: calc(430% / 6.14);
        width: calc(8% / 7.2);
        height: calc(184% / 6.14);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #naname{
        position: absolute;
        top: calc(13% / 6.14);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #bc2{
        position: absolute;
        top: calc(173% / 6.14);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #syogi{
        position: absolute;
        top: calc(283% / 6.14);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #tya{
        position: absolute;
        top: calc(443% / 6.14);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #enaname{
        position: absolute;
        top: calc(16% / 6.14);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #ebc2{
        position: absolute;
        top: calc(176% / 6.14);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #esyogi{
        position: absolute;
        top: calc(286% / 6.14);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #etya{
        position: absolute;
        top: calc(446% / 6.14);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #exnaname{
        position: absolute;
        top: calc(59% / 6.14);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exbc2{
        position: absolute;
        top: calc(219% / 6.14);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exsyogi{
        position: absolute;
        top: calc(329% / 6.14);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #extya{
        position: absolute;
        top: calc(489% / 6.14);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #back2{
        position: absolute;
        top: 100%;
        left: calc(550% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 15px;
    }
    
    #mapc3f{
        position: absolute;
        top: calc(2585% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxc3f{
        position: absolute;
        top: calc(3137% / 101.96);
        width: 100%;
        height: calc(404% / 101.96);
    }
    
    #tate8{
        position: absolute;
        top: calc(0% / 4.04);
        width: calc(8% / 7.2);
        height: calc(114% / 4.04);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate9{
        position: absolute;
        top: calc(134% / 4.04);
        width: calc(8% / 7.2);
        height: calc(114% / 4.04);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate10{
        position: absolute;
        top: calc(268% / 4.04);
        width: calc(8% / 7.2);
        height: calc(136% / 4.04);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #meiro{
        position: absolute;
        top: calc(13% / 4.04);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #bc3{
        position: absolute;
        top: calc(147% / 4.04);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #math{
        position: absolute;
        top: calc(281% / 4.04);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ebc3{
        position: absolute;
        top: calc(150% / 4.04);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #emath{
        position: absolute;
        top: calc(284% / 4.04);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #emeiro{
        position: absolute;
        top: calc(16% / 4.04);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #exmeiro{
        position: absolute;
        top: calc(59% / 4.04);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exbc3{
        position: absolute;
        top: calc(193% / 4.04);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exmath{
        position: absolute;
        top: calc(327% / 4.04);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #back3{
        position: absolute;
        top: 100%;
        left: calc(550% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 15px;
    }
    
    #mapk2f{
        position: absolute;
        top: calc(3622% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxk2f{
        position: absolute;
        top: calc(4162% / 101.96);
        width: 100%;
        height: calc(1574% / 101.96);
    }
    
    #tate11{
        position: absolute;
        top: calc(0% / 15.74);
        width: calc(8% / 7.2);
        height: calc(184% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate12{
        position: absolute;
        top: calc(204% / 15.74);
        width: calc(8% / 7.2);
        height: calc(160% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate13{
        position: absolute;
        top: calc(384% / 15.74);
        width: calc(8% / 7.2);
        height: calc(114% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate14{
        position: absolute;
        top: calc(518% / 15.74);
        width: calc(8% / 7.2);
        height: calc(158% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate15{
        position: absolute;
        top: calc(696% / 15.74);
        width: calc(8% / 7.2);
        height: calc(184% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate16{
        position: absolute;
        top: calc(900% / 15.74);
        width: calc(8% / 7.2);
        height: calc(138% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate17{
        position: absolute;
        top: calc(1058% / 15.74);
        width: calc(8% / 7.2);
        height: calc(138% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate18{
        position: absolute;
        top: calc(1216% / 15.74);
        width: calc(8% / 7.2);
        height: calc(170% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate19{
        position: absolute;
        top: calc(1406% / 15.74);
        width: calc(8% / 7.2);
        height: calc(168% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #quiz{
        position: absolute;
        top: calc(13% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #chess{
        position: absolute;
        top: calc(217% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #english{
        position: absolute;
        top: calc(397% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ele{
        position: absolute;
        top: calc(531% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ori{
        position: absolute;
        top: calc(709% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #paper{
        position: absolute;
        top: calc(913% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #engei{
        position: absolute;
        top: calc(1071% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #music{
        position: absolute;
        top: calc(1229% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #obake{
        position: absolute;
        top: calc(1419% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #equiz{
        position: absolute;
        top: calc(16% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #echess{
        position: absolute;
        top: calc(220% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eenglish{
        position: absolute;
        top: calc(400% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eele{
        position: absolute;
        top: calc(534% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eori{
        position: absolute;
        top: calc(712% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #epaper{
        position: absolute;
        top: calc(916% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eengei{
        position: absolute;
        top: calc(1074% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #emusic{
        position: absolute;
        top: calc(1232% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eobake{
        position: absolute;
        top: calc(1422% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #exquiz{
        position: absolute;
        top: calc(59% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exchess{
        position: absolute;
        top: calc(263% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exenglish{
        position: absolute;
        top: calc(443% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exele{
        position: absolute;
        top: calc(574% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exori{
        position: absolute;
        top: calc(755% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #expaper{
        position: absolute;
        top: calc(959% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exengei{
        position: absolute;
        top: calc(1117% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exmusic{
        position: absolute;
        top: calc(1275% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exobake{
        position: absolute;
        top: calc(1465% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #quiztw{
        position: absolute;
        top: calc(142% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #minitate2{
        position: absolute;
        top: calc(154% / 15.74);
        width: calc(1% / 7.2);
        height: calc(12% / 15.74);
        background-color: gray;
        left: calc(83% / 7.2);
    }
    
    #quizken{
        position: absolute;
        top: calc(142% / 15.74);
        width: calc(36% / 7.2);
        left: calc(95% / 7.2);
    }
    
    #eletw{
        position: absolute;
        top: calc(634% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #oritw{
        position: absolute;
        top: calc(837% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #back4{
        position: absolute;
        top: 100%;
        left: calc(550% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 15px;
    }
    
    #mapk3f{
        position: absolute;
        top: calc(5817% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxk3f{
        position: absolute;
        top: calc(6357% / 101.96);
        width: 100%;
        height: calc(1813% / 101.96);
    }
    
    #tate20{
        position: absolute;
        top: calc(0% / 18.13);
        width: calc(8% / 7.2);
        height: calc(140% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate21{
        position: absolute;
        top: calc(160% / 18.13);
        width: calc(8% / 7.2);
        height: calc(138% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate22{
        position: absolute;
        top: calc(318% / 18.13);
        width: calc(8% / 7.2);
        height: calc(190% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate23{
        position: absolute;
        top: calc(528% / 18.13);
        width: calc(8% / 7.2);
        height: calc(142% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate24{
        position: absolute;
        top: calc(690% / 18.13);
        width: calc(8% / 7.2);
        height: calc(141% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate245{
        position: absolute;
        top: calc(851% / 18.13);
        width: calc(8% / 7.2);
        height: calc(190% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate25{
        position: absolute;
        top: calc(1061% / 18.13);
        width: calc(8% / 7.2);
        height: calc(188% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate26{
        position: absolute;
        top: calc(1269% / 18.13);
        width: calc(8% / 7.2);
        height: calc(182% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate27{
        position: absolute;
        top: calc(1471% / 18.13);
        width: calc(8% / 7.2);
        height: calc(184% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate28{
        position: absolute;
        top: calc(1675% / 18.13);
        width: calc(8% / 7.2);
        height: calc(138% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #train{
        position: absolute;
        top: calc(13% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #mga{
        position: absolute;
        top: calc(173% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ramen{
        position: absolute;
        top: calc(331% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #pic{
        position: absolute;
        top: calc(541% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #pen{
        position: absolute;
        top: calc(703% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #tea{
        position: absolute;
        top: calc(864% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #rocket{
        position: absolute;
        top: calc(1074% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #fish{
        position: absolute;
        top: calc(1282% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #science{
        position: absolute;
        top: calc(1484% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #tosyo{
        position: absolute;
        top: calc(1688% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #etrain{
        position: absolute;
        top: calc(16% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #emga{
        position: absolute;
        top: calc(176% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eramen{
        position: absolute;
        top: calc(334% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #epic{
        position: absolute;
        top: calc(544% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #epen{
        position: absolute;
        top: calc(706% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #etea{
        position: absolute;
        top: calc(867% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #erocket{
        position: absolute;
        top: calc(1077% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #efish{
        position: absolute;
        top: calc(1285% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #escience{
        position: absolute;
        top: calc(1487% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #etosyo{
        position: absolute;
        top: calc(1691% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #extrain{
        position: absolute;
        top: calc(59% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exmga{
        position: absolute;
        top: calc(219% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exramen{
        position: absolute;
        top: calc(377% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #expic{
        position: absolute;
        top: calc(587% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #expen{
        position: absolute;
        top: calc(749% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #extea{
        position: absolute;
        top: calc(911% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exrocket{
        position: absolute;
        top: calc(1120% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exfish{
        position: absolute;
        top: calc(1328% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exscience{
        position: absolute;
        top: calc(1530% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #extosyo{
        position: absolute;
        top: calc(1734% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #ramentw{
        position: absolute;
        top: calc(465% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #teatw{
        position: absolute;
        top: calc(996% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #rockettw{
        position: absolute;
        top: calc(1206% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #minitate3{
        position: absolute;
        top: calc(1218% / 18.13);
        width: calc(1% / 7.2);
        height: calc(12% / 18.13);
        background-color: gray;
        left: calc(83% / 7.2);
    }
    
    #rocketken{
        position: absolute;
        top: calc(1206% / 18.13);
        width: calc(36% / 7.2);
        left: calc(95% / 7.2);
    }
    
    #minitate4{
        position: absolute;
        top: calc(1218% / 18.13);
        width: calc(1% / 7.2);
        height: calc(12% / 18.13);
        background-color: gray;
        left: calc(143% / 7.2);
    }
    
    #rocketyou{
        position: absolute;
        top: calc(1206% / 18.13);
        width: calc(36% / 7.2);
        left: calc(155% / 7.2);
    }
    
    #fishtw{
        position: absolute;
        top: calc(1409% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #scienceken{
        position: absolute;
        top: calc(1613% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #back5{
        position: absolute;
        top: 100%;
        left: calc(550% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 15px;
    }
    
    #mapk4f{
        position: absolute;
        top: calc(8251% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxk4f{
        position: absolute;
        top: calc(8740% / 101.96);
        width: 100%;
        height: calc(1382% / 101.96);
    }
    
    #tate29{
        position: absolute;
        top: calc(0% / 13.82);
        width: calc(8% / 7.2);
        height: calc(144% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate30{
        position: absolute;
        top: calc(164% / 13.82);
        width: calc(8% / 7.2);
        height: calc(142% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate31{
        position: absolute;
        top: calc(326% / 13.82);
        width: calc(8% / 7.2);
        height: calc(120% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate32{
        position: absolute;
        top: calc(466% / 13.82);
        width: calc(8% / 7.2);
        height: calc(88% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate33{
        position: absolute;
        top: calc(574% / 13.82);
        width: calc(8% / 7.2);
        height: calc(184% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate34{
        position: absolute;
        top: calc(778% / 13.82);
        width: calc(8% / 7.2);
        height: calc(160% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate35{
        position: absolute;
        top: calc(958% / 13.82);
        width: calc(8% / 7.2);
        height: calc(182% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate36{
        position: absolute;
        top: calc(1160% / 13.82);
        width: calc(8% / 7.2);
        height: calc(112% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate37{
        position: absolute;
        top: calc(1292% / 13.82);
        width: calc(8% / 7.2);
        height: calc(90% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #magic{
        position: absolute;
        top: calc(13% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #history{
        position: absolute;
        top: calc(177% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #dora{
        position: absolute;
        top: calc(339% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #poke{
        position: absolute;
        top: calc(479% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #angou{
        position: absolute;
        top: calc(587% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #climb{
        position: absolute;
        top: calc(791% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #anime{
        position: absolute;
        top: calc(971% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #art{
        position: absolute;
        top: calc(1173% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #info{
        position: absolute;
        top: calc(1305% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #emagic{
        position: absolute;
        top: calc(16% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #ehistory{
        position: absolute;
        top: calc(180% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #edora{
        position: absolute;
        top: calc(342% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #epoke{
        position: absolute;
        top: calc(482% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eangou{
        position: absolute;
        top: calc(590% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eclimb{
        position: absolute;
        top: calc(794% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eanime{
        position: absolute;
        top: calc(974% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #eart{
        position: absolute;
        top: calc(1176% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #einfo{
        position: absolute;
        top: calc(1308% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: 21px;
    }
    
    #exmagic{
        position: absolute;
        top: calc(60% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exhistory{
        position: absolute;
        top: calc(224% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exdora{
        position: absolute;
        top: calc(386% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #expoke{
        position: absolute;
        top: calc(526% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exangou{
        position: absolute;
        top: calc(634% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exclimb{
        position: absolute;
        top: calc(838% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exanime{
        position: absolute;
        top: calc(1018% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exart{
        position: absolute;
        top: calc(1220% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #exinfo{
        position: absolute;
        top: calc(1352% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 16px;
    }
    
    #angoutw{
        position: absolute;
        top: calc(716% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #climbtw{
        position: absolute;
        top: calc(895% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #animetw{
        position: absolute;
        top: calc(1097% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #back6{
        position: absolute;
        top: 100%;
        left: calc(550% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: 15px;
    }

#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(990% / 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 (max-width: 960px) and (min-width: 600px){
    .back{
        position: absolute;
        top: calc(497% / 4.97);
        left: calc(550% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(15vw / 9.6);
        color: black;
        text-decoration: underline;
    }
    
    #style{
        width: calc(720% / 9.6);
        margin: 0 auto;
    }
    
    body:before{
        content:"";
        display:block;
        position:fixed;
        top:0;
        left:0;
        z-index:-1;
        width:100%;
        height:100vh;
        background:url(/2019/back_web.png) center no-repeat;
        background-size:cover;
        background-attachment: fixed;
        margin: 0px;
        background-position: left bottom;
        -webkit-text-size-adjust: 100%;    
    }
    
    #box1{
        position: relative;
        margin-top: calc(20% / 7.2);
        width: calc(197% / 7.2);
        padding-top: calc(72% / 7.2);
        background-color: white;
        border-radius: 12px;
    }
    
    #ibox1{
        position: absolute;
        top: calc(8% / 0.72);
        height: calc(56% / 0.72);
        left: calc(8% / 1.97);
    }
    
    #ebox1{
        position: absolute;
        top: calc(16% / 0.72);
        left: calc(64% / 1.97);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(28vw / 9.6);
    }
    
    #box2{
        position: relative;
        margin-top: calc(30% / 7.2);
        width: calc(720% / 7.2);
        padding-top: calc(586% / 7.2);
        background-color: white;
        border-radius: 18px;
    }
    
    #ibox2{
        position: absolute;
        top: calc(10% / 5.86);
        height: calc(50% / 5.86);
        left: calc(12% / 7.2);
    }
    
    #ebox2{
        position: absolute;
        top: calc(15% / 5.86);
        left: calc(72% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(26vw / 9.6);
    }
    
    #pbox2{
        position: absolute;
        left: calc(21% / 7.2);
        width: calc(678% / 7.2);
        height: calc(486% / 5.86);
        top: calc(60% / 5.86);
    }
    
    #box3{
        position: relative;
        margin-top: calc(30% / 7.2);
        width: calc(720% / 7.2);
        padding-top: calc(10196% / 7.2);
        background-color: white;
        border-radius: 18px;
    }
    
    #ibox3{
        position: absolute;
        top: calc(10% / 101.96);
        height: calc(50% / 101.96);
        left: calc(12% / 7.2);
    }
    
    #ebox3{
        position: absolute;
        top: calc(15% / 101.96);
        left: calc(72% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(26vw / 9.6);
    }
    
    #j1f{
        position: absolute;
        top: calc(68% / 101.96);
        width: calc(108% / 7.2);
        left: calc(19% / 7.2);
    }
    
    #j2f{
        position: absolute;
        top: calc(68% / 101.96);
        width: calc(108% / 7.2);
        left: calc(167% / 7.2);
    }
    
    #j3f{
        position: absolute;
        top: calc(68% / 101.96);
        width: calc(108% / 7.2);
        left: calc(315% / 7.2);
    }
    
    #h2f{
        position: absolute;
        top: calc(112% / 101.96);
        width: calc(108% / 7.2);
        left: calc(19% / 7.2);
    }
    
    #h3f{
        position: absolute;
        top: calc(112% / 101.96);
        width: calc(108% / 7.2);
        left: calc(167% / 7.2);
    }
    
    #h4f{
        position: absolute;
        top: calc(112% / 101.96);
        width: calc(108% / 7.2);
        left: calc(315% / 7.2);
    }
    
    #mapc1f{
        position: absolute;
        top: calc(192% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxc1f{
        position: absolute;
        top: calc(741% / 101.96);
        width: 100%;
        height: calc(497% / 101.96);
    }
    
    #tate1{
        position: absolute;
        top: calc(0% / 4.97);
        width: calc(8% / 7.2);
        height: calc(131% / 4.97);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate2{
        position: absolute;
        top: calc(151% / 4.97);
        width: calc(8% / 7.2);
        height: calc(140% / 4.97);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate3{
        position: absolute;
        top: calc(311% / 4.97);
        width: calc(8% / 7.2);
        height: calc(186% / 4.97);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #d1{
        position: absolute;
        top: calc(13% / 4.97);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #bc1{
        position: absolute;
        top: calc(164% / 4.97);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #cali{
        position: absolute;
        top: calc(324% / 4.97);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ed1{
        position: absolute;
        top: calc(16% / 4.97);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #ebc1{
        position: absolute;
        top: calc(167% / 4.97);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #ecali{
        position: absolute;
        top: calc(327% / 4.97);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #exd1{
        position: absolute;
        top: calc(59% / 4.97);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exbc1{
        position: absolute;
        top: calc(210% / 4.97);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #excali{
        position: absolute;
        top: calc(370% / 4.97);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #calitw{
        position: absolute;
        top: calc(454% / 4.97);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #minitate1{
        position: absolute;
        top: calc(466% / 4.97);
        width: calc(1% / 7.2);
        height: calc(12% / 4.97);
        background-color: gray;
        left: calc(83% / 7.2);
    }
    
    #caliken{
        position: absolute;
        top: calc(454% / 4.97);
        width: calc(36% / 7.2);
        left: calc(95% / 7.2);
    }
    
    #mapc2f{
        position: absolute;
        top: calc(1319% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxc2f{
        position: absolute;
        top: calc(1890% / 101.96);
        width: 100%;
        height: calc(614% / 101.96);
    }
    
    #tate4{
        position: absolute;
        top: calc(0% / 6.14);
        width: calc(8% / 7.2);
        height: calc(140% / 6.14);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate5{
        position: absolute;
        top: calc(160% / 6.14);
        width: calc(8% / 7.2);
        height: calc(90% / 6.14);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate6{
        position: absolute;
        top: calc(270% / 6.14);
        width: calc(8% / 7.2);
        height: calc(140% / 6.14);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate7{
        position: absolute;
        top: calc(430% / 6.14);
        width: calc(8% / 7.2);
        height: calc(184% / 6.14);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #naname{
        position: absolute;
        top: calc(13% / 6.14);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #bc2{
        position: absolute;
        top: calc(173% / 6.14);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #syogi{
        position: absolute;
        top: calc(283% / 6.14);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #tya{
        position: absolute;
        top: calc(443% / 6.14);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #enaname{
        position: absolute;
        top: calc(16% / 6.14);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #ebc2{
        position: absolute;
        top: calc(176% / 6.14);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #esyogi{
        position: absolute;
        top: calc(286% / 6.14);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #etya{
        position: absolute;
        top: calc(446% / 6.14);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #exnaname{
        position: absolute;
        top: calc(59% / 6.14);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exbc2{
        position: absolute;
        top: calc(219% / 6.14);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exsyogi{
        position: absolute;
        top: calc(329% / 6.14);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #extya{
        position: absolute;
        top: calc(489% / 6.14);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #mapc3f{
        position: absolute;
        top: calc(2585% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxc3f{
        position: absolute;
        top: calc(3137% / 101.96);
        width: 100%;
        height: calc(404% / 101.96);
    }
    
    #tate8{
        position: absolute;
        top: calc(0% / 4.04);
        width: calc(8% / 7.2);
        height: calc(114% / 4.04);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate9{
        position: absolute;
        top: calc(134% / 4.04);
        width: calc(8% / 7.2);
        height: calc(114% / 4.04);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #tate10{
        position: absolute;
        top: calc(268% / 4.04);
        width: calc(8% / 7.2);
        height: calc(136% / 4.04);
        background-color: #dd5b21;
        left: calc(15% / 7.2);
    }
    
    #meiro{
        position: absolute;
        top: calc(13% / 4.04);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #bc3{
        position: absolute;
        top: calc(147% / 4.04);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #math{
        position: absolute;
        top: calc(281% / 4.04);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ebc3{
        position: absolute;
        top: calc(150% / 4.04);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #emath{
        position: absolute;
        top: calc(284% / 4.04);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #emeiro{
        position: absolute;
        top: calc(16% / 4.04);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #exmeiro{
        position: absolute;
        top: calc(59% / 4.04);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exbc3{
        position: absolute;
        top: calc(193% / 4.04);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exmath{
        position: absolute;
        top: calc(327% / 4.04);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #mapk2f{
        position: absolute;
        top: calc(3622% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxk2f{
        position: absolute;
        top: calc(4162% / 101.96);
        width: 100%;
        height: calc(1574% / 101.96);
    }
    
    #tate11{
        position: absolute;
        top: calc(0% / 15.74);
        width: calc(8% / 7.2);
        height: calc(184% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate12{
        position: absolute;
        top: calc(204% / 15.74);
        width: calc(8% / 7.2);
        height: calc(160% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate13{
        position: absolute;
        top: calc(384% / 15.74);
        width: calc(8% / 7.2);
        height: calc(114% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate14{
        position: absolute;
        top: calc(518% / 15.74);
        width: calc(8% / 7.2);
        height: calc(158% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate15{
        position: absolute;
        top: calc(696% / 15.74);
        width: calc(8% / 7.2);
        height: calc(184% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate16{
        position: absolute;
        top: calc(900% / 15.74);
        width: calc(8% / 7.2);
        height: calc(138% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate17{
        position: absolute;
        top: calc(1058% / 15.74);
        width: calc(8% / 7.2);
        height: calc(138% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate18{
        position: absolute;
        top: calc(1216% / 15.74);
        width: calc(8% / 7.2);
        height: calc(170% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate19{
        position: absolute;
        top: calc(1406% / 15.74);
        width: calc(8% / 7.2);
        height: calc(168% / 15.74);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #quiz{
        position: absolute;
        top: calc(13% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #chess{
        position: absolute;
        top: calc(217% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #english{
        position: absolute;
        top: calc(397% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ele{
        position: absolute;
        top: calc(531% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ori{
        position: absolute;
        top: calc(709% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #paper{
        position: absolute;
        top: calc(913% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #engei{
        position: absolute;
        top: calc(1071% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #music{
        position: absolute;
        top: calc(1229% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #obake{
        position: absolute;
        top: calc(1419% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #equiz{
        position: absolute;
        top: calc(16% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #echess{
        position: absolute;
        top: calc(220% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eenglish{
        position: absolute;
        top: calc(400% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eele{
        position: absolute;
        top: calc(534% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eori{
        position: absolute;
        top: calc(712% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #epaper{
        position: absolute;
        top: calc(916% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eengei{
        position: absolute;
        top: calc(1074% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #emusic{
        position: absolute;
        top: calc(1232% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eobake{
        position: absolute;
        top: calc(1422% / 15.74);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #exquiz{
        position: absolute;
        top: calc(59% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exchess{
        position: absolute;
        top: calc(263% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exenglish{
        position: absolute;
        top: calc(443% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exele{
        position: absolute;
        top: calc(574% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exori{
        position: absolute;
        top: calc(755% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #expaper{
        position: absolute;
        top: calc(959% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exengei{
        position: absolute;
        top: calc(1117% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exmusic{
        position: absolute;
        top: calc(1275% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exobake{
        position: absolute;
        top: calc(1465% / 15.74);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #quiztw{
        position: absolute;
        top: calc(142% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #minitate2{
        position: absolute;
        top: calc(154% / 15.74);
        width: calc(1% / 7.2);
        height: calc(12% / 15.74);
        background-color: gray;
        left: calc(83% / 7.2);
    }
    
    #quizken{
        position: absolute;
        top: calc(142% / 15.74);
        width: calc(36% / 7.2);
        left: calc(95% / 7.2);
    }
    
    #eletw{
        position: absolute;
        top: calc(634% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #oritw{
        position: absolute;
        top: calc(837% / 15.74);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #mapk3f{
        position: absolute;
        top: calc(5817% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxk3f{
        position: absolute;
        top: calc(6357% / 101.96);
        width: 100%;
        height: calc(1813% / 101.96);
    }
    
    #tate20{
        position: absolute;
        top: calc(0% / 18.13);
        width: calc(8% / 7.2);
        height: calc(140% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate21{
        position: absolute;
        top: calc(160% / 18.13);
        width: calc(8% / 7.2);
        height: calc(138% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate22{
        position: absolute;
        top: calc(318% / 18.13);
        width: calc(8% / 7.2);
        height: calc(190% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate23{
        position: absolute;
        top: calc(528% / 18.13);
        width: calc(8% / 7.2);
        height: calc(142% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate24{
        position: absolute;
        top: calc(690% / 18.13);
        width: calc(8% / 7.2);
        height: calc(141% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate245{
        position: absolute;
        top: calc(851% / 18.13);
        width: calc(8% / 7.2);
        height: calc(190% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate25{
        position: absolute;
        top: calc(1061% / 18.13);
        width: calc(8% / 7.2);
        height: calc(188% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate26{
        position: absolute;
        top: calc(1269% / 18.13);
        width: calc(8% / 7.2);
        height: calc(182% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate27{
        position: absolute;
        top: calc(1471% / 18.13);
        width: calc(8% / 7.2);
        height: calc(184% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate28{
        position: absolute;
        top: calc(1675% / 18.13);
        width: calc(8% / 7.2);
        height: calc(138% / 18.13);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #train{
        position: absolute;
        top: calc(13% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #mga{
        position: absolute;
        top: calc(173% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #ramen{
        position: absolute;
        top: calc(331% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #pic{
        position: absolute;
        top: calc(541% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #pen{
        position: absolute;
        top: calc(703% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
     #tea{
        position: absolute;
        top: calc(864% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #rocket{
        position: absolute;
        top: calc(1074% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #fish{
        position: absolute;
        top: calc(1282% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #science{
        position: absolute;
        top: calc(1484% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #tosyo{
        position: absolute;
        top: calc(1688% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #etrain{
        position: absolute;
        top: calc(16% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #emga{
        position: absolute;
        top: calc(176% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eramen{
        position: absolute;
        top: calc(334% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #epic{
        position: absolute;
        top: calc(544% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #epen{
        position: absolute;
        top: calc(706% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #etea{
        position: absolute;
        top: calc(867% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #erocket{
        position: absolute;
        top: calc(1077% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #efish{
        position: absolute;
        top: calc(1285% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #escience{
        position: absolute;
        top: calc(1487% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #etosyo{
        position: absolute;
        top: calc(1691% / 18.13);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #extrain{
        position: absolute;
        top: calc(59% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exmga{
        position: absolute;
        top: calc(219% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exramen{
        position: absolute;
        top: calc(377% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #expic{
        position: absolute;
        top: calc(587% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #expen{
        position: absolute;
        top: calc(749% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #extea{
        position: absolute;
        top: calc(911% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exrocket{
        position: absolute;
        top: calc(1120% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exfish{
        position: absolute;
        top: calc(1328% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exscience{
        position: absolute;
        top: calc(1530% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #extosyo{
        position: absolute;
        top: calc(1734% / 18.13);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #ramentw{
        position: absolute;
        top: calc(465% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #teatw{
        position: absolute;
        top: calc(996% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #rockettw{
        position: absolute;
        top: calc(1206% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #minitate3{
        position: absolute;
        top: calc(1218% / 18.13);
        width: calc(1% / 7.2);
        height: calc(12% / 18.13);
        background-color: gray;
        left: calc(83% / 7.2);
    }
    
    #rocketken{
        position: absolute;
        top: calc(1206% / 18.13);
        width: calc(36% / 7.2);
        left: calc(95% / 7.2);
    }
    
    #minitate4{
        position: absolute;
        top: calc(1218% / 18.13);
        width: calc(1% / 7.2);
        height: calc(12% / 18.13);
        background-color: gray;
        left: calc(143% / 7.2);
    }
    
    #rocketyou{
        position: absolute;
        top: calc(1206% / 18.13);
        width: calc(36% / 7.2);
        left: calc(155% / 7.2);
    }
    
    #fishtw{
        position: absolute;
        top: calc(1409% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #scienceken{
        position: absolute;
        top: calc(1613% / 18.13);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #mapk4f{
        position: absolute;
        top: calc(8251% / 101.96);
        width: calc(425% / 7.2);
        left: calc(148% / 7.2);
    }
    
    #boxk4f{
        position: absolute;
        top: calc(8740% / 101.96);
        width: 100%;
        height: calc(1382% / 101.96);
    }
    
    #tate29{
        position: absolute;
        top: calc(0% / 13.82);
        width: calc(8% / 7.2);
        height: calc(144% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate30{
        position: absolute;
        top: calc(164% / 13.82);
        width: calc(8% / 7.2);
        height: calc(142% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate31{
        position: absolute;
        top: calc(326% / 13.82);
        width: calc(8% / 7.2);
        height: calc(120% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate32{
        position: absolute;
        top: calc(466% / 13.82);
        width: calc(8% / 7.2);
        height: calc(88% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate33{
        position: absolute;
        top: calc(574% / 13.82);
        width: calc(8% / 7.2);
        height: calc(184% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate34{
        position: absolute;
        top: calc(778% / 13.82);
        width: calc(8% / 7.2);
        height: calc(160% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate35{
        position: absolute;
        top: calc(958% / 13.82);
        width: calc(8% / 7.2);
        height: calc(182% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate36{
        position: absolute;
        top: calc(1160% / 13.82);
        width: calc(8% / 7.2);
        height: calc(112% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #tate37{
        position: absolute;
        top: calc(1292% / 13.82);
        width: calc(8% / 7.2);
        height: calc(90% / 13.82);
        background-color: #0370bc;
        left: calc(15% / 7.2);
    }
    
    #magic{
        position: absolute;
        top: calc(13% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #history{
        position: absolute;
        top: calc(177% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #dora{
        position: absolute;
        top: calc(339% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #poke{
        position: absolute;
        top: calc(479% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #angou{
        position: absolute;
        top: calc(587% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #climb{
        position: absolute;
        top: calc(791% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #anime{
        position: absolute;
        top: calc(971% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #art{
        position: absolute;
        top: calc(1173% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #info{
        position: absolute;
        top: calc(1305% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #emagic{
        position: absolute;
        top: calc(16% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #ehistory{
        position: absolute;
        top: calc(180% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #edora{
        position: absolute;
        top: calc(342% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #epoke{
        position: absolute;
        top: calc(482% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eangou{
        position: absolute;
        top: calc(590% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eclimb{
        position: absolute;
        top: calc(794% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eanime{
        position: absolute;
        top: calc(974% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #eart{
        position: absolute;
        top: calc(1176% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #einfo{
        position: absolute;
        top: calc(1308% / 13.82);
        left: calc(83% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 9.6);
    }
    
    #exmagic{
        position: absolute;
        top: calc(60% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exhistory{
        position: absolute;
        top: calc(224% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exdora{
        position: absolute;
        top: calc(386% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #expoke{
        position: absolute;
        top: calc(526% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exangou{
        position: absolute;
        top: calc(634% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exclimb{
        position: absolute;
        top: calc(838% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exanime{
        position: absolute;
        top: calc(1018% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exart{
        position: absolute;
        top: calc(1220% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #exinfo{
        position: absolute;
        top: calc(1352% / 13.82);
        left: calc(35% / 7.2);
        width: calc(650% / 7.2);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 9.6);
    }
    
    #angoutw{
        position: absolute;
        top: calc(716% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #climbtw{
        position: absolute;
        top: calc(895% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #animetw{
        position: absolute;
        top: calc(1097% / 13.82);
        width: calc(36% / 7.2);
        left: calc(35% / 7.2);
    }
    
    #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(990% / 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){
    .back{
        position: absolute;
        top: 100%;
        left: calc(300% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(15vw / 4.8);
        color: black;
        text-decoration: underline;
    }
    
    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-attachment: fixed;
        margin: 0px;
        background-position: left bottom;
        -webkit-text-size-adjust: 100%;    
    }
    
    #box1{
        position: relative;
        margin-top: calc(20% / 4.8);
        width: calc(208% / 4.8);
        padding-top: calc(64% / 4.8);
        background-color: white;
        border-radius: 15px;
        left: calc(16% / 4.8);
    }
    
    #ibox1{
        position: absolute;
        top: calc(8% / 0.64);
        height: calc(50% / 0.64);
        left: calc(8% / 2.08);
    }
    
    #ebox1{
        position: absolute;
        top: calc(12% / 0.64);
        left: calc(68% / 2.08);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(28vw / 4.8);
    }
    
    #box2{
        position: relative;
        margin-top: calc(20% / 4.8);
        width: calc(448% / 4.8);
        padding-top: calc(414% / 4.8);
        background-color: white;
        border-radius: 18px;
        left: calc(16% / 4.8);
    }
    
    #ibox2{
        position: absolute;
        top: calc(10% / 4.14);
        height: calc(50% / 4.14);
        left: calc(12% / 4.48);
    }
    
    #ebox2{
        position: absolute;
        top: calc(15% / 4.14);
        left: calc(72% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(26vw / 4.8);
    }
    
    #pbox2{
        position: absolute;
        left: calc(13% / 4.48);
        width: calc(422% / 4.48);
        top: calc(72% / 4.14);
        left: calc(16% / 4.8);
    }
    
    #box3{
        position: relative;
        margin-top: calc(48% / 4.8);
        width: calc(448% / 4.8);
        padding-top: calc(11075% / 4.8);
        background-color: white;
        border-radius: 18px;
        left: calc(16% / 4.8);
    }
    
    #ibox3{
        position: absolute;
        top: calc(8% / 110.75);
        height: calc(50% / 110.75);
        left: calc(12% / 4.48);
    }
    
    #ebox3{
        position: absolute;
        top: calc(12% / 110.75);
        left: calc(72% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(26vw / 4.8);
    }
    
    #j1f{
        position: absolute;
        top: calc(68% / 110.75);
        width: calc(108% / 4.48);
        left: calc(19% / 4.48);
    }
    
    #j2f{
        position: absolute;
        top: calc(68% / 110.75);
        width: calc(108% / 4.48);
        left: calc(139% / 4.48);
    }
    
    #j3f{
        position: absolute;
        top: calc(68% / 110.75);
        width: calc(108% / 4.48);
        left: calc(259% / 4.48);
    }
    
    #h2f{
        position: absolute;
        top: calc(112% / 110.75);
        width: calc(108% / 4.48);
        left: calc(19% / 4.48);
    }
    
    #h3f{
        position: absolute;
        top: calc(112% / 110.75);
        width: calc(108% / 4.48);
        left: calc(139% / 4.48);
    }
    
    #h4f{
        position: absolute;
        top: calc(112% / 110.75);
        width: calc(108% / 4.48);
        left: calc(259% / 4.48);
    }
    
    #mapc1f{
        position: absolute;
        top: calc(163% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.48);
    }
    
    #boxc1f{
        position: absolute;
        top: calc(719% / 110.75);
        width: 100%;
        height: calc(588% / 110.75);
    }
    
    #tate1{
        position: absolute;
        top: calc(0% / 5.88);
        width: calc(8% / 4.8);
        height: calc(166% / 5.88);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate2{
        position: absolute;
        top: calc(178% / 5.88);
        width: calc(8% / 4.48);
        height: calc(166% / 5.88);
        background-color: #dd5b21;
        left: calc(15% / 4.48);
    }
    
    #tate3{
        position: absolute;
        top: calc(356% / 5.88);
        width: calc(8% / 4.8);
        height: calc(232% / 5.88);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #d1{
        position: absolute;
        top: calc(13% / 5.88);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #bc1{
        position: absolute;
        top: calc(191% / 5.88);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #cali{
        position: absolute;
        top: calc(369% / 5.88);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ed1{
        position: absolute;
        top: calc(16% / 5.88);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #ebc1{
        position: absolute;
        top: calc(194% / 5.88);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #ecali{
        position: absolute;
        top: calc(372% / 5.88);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exd1{
        position: absolute;
        top: calc(59% / 5.88);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exbc1{
        position: absolute;
        top: calc(237% / 5.88);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #excali{
        position: absolute;
        top: calc(415% / 5.88);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #calitw{
        position: absolute;
        top: calc(546% / 5.88);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #minitate1{
        position: absolute;
        top: calc(558% / 5.88);
        width: calc(1% / 4.48);
        height: calc(12% / 5.88);
        background-color: gray;
        left: calc(83% / 4.48);
    }
    
    #caliken{
        position: absolute;
        top: calc(546% / 5.88);
        width: calc(36% / 4.48);
        left: calc(95% / 4.48);
    }
    
    #mapc2f{
        position: absolute;
        top: calc(1368% / 110.75);
        width: calc(425% / 4.8);
        left: calc(12% / 4.8);
    }
    
    #boxc2f{
        position: absolute;
        top: calc(1931% / 110.75);
        width: 100%;
        height: calc(710% / 110.75);
    }
    
    #tate4{
        position: absolute;
        top: calc(0% / 7.1);
        width: calc(8% / 4.8);
        height: calc(186% / 7.1);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate5{
        position: absolute;
        top: calc(198% / 7.1);
        width: calc(8% / 4.8);
        height: calc(90% / 7.1);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate6{
        position: absolute;
        top: calc(300% / 7.1);
        width: calc(8% / 4.8);
        height: calc(184% / 7.1);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate7{
        position: absolute;
        top: calc(496% / 7.1);
        width: calc(8% / 4.8);
        height: calc(214% / 7.1);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #naname{
        position: absolute;
        top: calc(13% / 7.1);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #bc2{
        position: absolute;
        top: calc(211% / 7.1);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #syogi{
        position: absolute;
        top: calc(313% / 7.1);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #tya{
        position: absolute;
        top: calc(509% / 7.1);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #enaname{
        position: absolute;
        top: calc(16% / 7.1);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #ebc2{
        position: absolute;
        top: calc(214% / 7.1);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #esyogi{
        position: absolute;
        top: calc(316% / 7.1);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #etya{
        position: absolute;
        top: calc(512% / 7.1);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exnaname{
        position: absolute;
        top: calc(59% / 7.1);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exbc2{
        position: absolute;
        top: calc(257% / 7.1);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exsyogi{
        position: absolute;
        top: calc(359% / 7.1);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #extya{
        position: absolute;
        top: calc(555% / 7.1);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #mapc3f{
        position: absolute;
        top: calc(2714% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.48);
    }
    
    #boxc3f{
        position: absolute;
        top: calc(3258% / 110.75);
        width: 100%;
        height: calc(484% / 110.75);
    }
    
    #tate8{
        position: absolute;
        top: calc(0% / 4.84);
        width: calc(8% / 4.8);
        height: calc(136% / 4.84);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate9{
        position: absolute;
        top: calc(148% / 4.84);
        width: calc(8% / 4.8);
        height: calc(162% / 4.84);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate10{
        position: absolute;
        top: calc(322% / 4.84);
        width: calc(8% / 4.8);
        height: calc(162% / 4.84);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #meiro{
        position: absolute;
        top: calc(13% / 4.84);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #bc3{
        position: absolute;
        top: calc(161% / 4.84);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #math{
        position: absolute;
        top: calc(335% / 4.84);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ebc3{
        position: absolute;
        top: calc(164% / 4.84);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #emath{
        position: absolute;
        top: calc(338% / 4.84);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #emeiro{
        position: absolute;
        top: calc(16% / 4.84);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exmeiro{
        position: absolute;
        top: calc(59% / 4.84);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exbc3{
        position: absolute;
        top: calc(207% / 4.84);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exmath{
        position: absolute;
        top: calc(381% / 4.84);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #mapk2f{
        position: absolute;
        top: calc(3815% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.8);
    }
    
    #boxk2f{
        position: absolute;
        top: calc(4347% / 110.75);
        width: 100%;
        height: calc(1876% / 110.75);
    }
    
    #tate11{
        position: absolute;
        top: calc(0% / 18.76);
        width: calc(8% / 4.48);
        height: calc(232% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate12{
        position: absolute;
        top: calc(244% / 18.76);
        width: calc(8% / 4.48);
        height: calc(210% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate13{
        position: absolute;
        top: calc(466% / 18.76);
        width: calc(8% / 4.48);
        height: calc(140% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate14{
        position: absolute;
        top: calc(618% / 18.76);
        width: calc(8% / 4.48);
        height: calc(212% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate15{
        position: absolute;
        top: calc(842% / 18.76);
        width: calc(8% / 4.48);
        height: calc(212% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate16{
        position: absolute;
        top: calc(1066% / 18.76);
        width: calc(8% / 4.48);
        height: calc(186% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate17{
        position: absolute;
        top: calc(1264% / 18.76);
        width: calc(8% / 4.48);
        height: calc(164% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate18{
        position: absolute;
        top: calc(1440% / 18.76);
        width: calc(8% / 4.48);
        height: calc(212% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate19{
        position: absolute;
        top: calc(1664% / 18.76);
        width: calc(8% / 4.48);
        height: calc(212% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #quiz{
        position: absolute;
        top: calc(13% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #chess{
        position: absolute;
        top: calc(257% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #english{
        position: absolute;
        top: calc(479% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ele{
        position: absolute;
        top: calc(631% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ori{
        position: absolute;
        top: calc(855% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #paper{
        position: absolute;
        top: calc(1079% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #engei{
        position: absolute;
        top: calc(1277% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #music{
        position: absolute;
        top: calc(1453% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #obake{
        position: absolute;
        top: calc(1677% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #equiz{
        position: absolute;
        top: calc(16% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #echess{
        position: absolute;
        top: calc(260% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eenglish{
        position: absolute;
        top: calc(482% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eele{
        position: absolute;
        top: calc(634% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eori{
        position: absolute;
        top: calc(858% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #epaper{
        position: absolute;
        top: calc(1082% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eengei{
        position: absolute;
        top: calc(1280% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #emusic{
        position: absolute;
        top: calc(1456% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eobake{
        position: absolute;
        top: calc(1680% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exquiz{
        position: absolute;
        top: calc(59% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exchess{
        position: absolute;
        top: calc(303% / 18.76);
        left: calc(35% / 4.48);
        width: calc(420% / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exenglish{
        position: absolute;
        top: calc(525% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exele{
        position: absolute;
        top: calc(677% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exori{
        position: absolute;
        top: calc(901% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #expaper{
        position: absolute;
        top: calc(1125% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exengei{
        position: absolute;
        top: calc(1323% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exmusic{
        position: absolute;
        top: calc(1499% / 18.76);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exobake{
        position: absolute;
        top: calc(1723% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #quiztw{
        position: absolute;
        top: calc(190% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #minitate2{
        position: absolute;
        top: calc(202% / 18.76);
        width: calc(1% / 4.48);
        height: calc(12% / 18.76);
        background-color: gray;
        left: calc(83% / 4.48);
    }
    
    #quizken{
        position: absolute;
        top: calc(190% / 18.76);
        width: calc(36% / 4.48);
        left: calc(95% / 4.48);
    }
    
    #eletw{
        position: absolute;
        top: calc(788% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #oritw{
        position: absolute;
        top: calc(1012% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #mapk3f{
        position: absolute;
        top: calc(6296% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.48);
    }
    
    #boxk3f{
        position: absolute;
        top: calc(6828% / 110.75);
        width: 100%;
        height: calc(2054% / 110.75);
    }
    
    #tate20{
        position: absolute;
        top: calc(0% / 20.54);
        width: calc(8% / 4.48);
        height: calc(185% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate21{
        position: absolute;
        top: calc(197% / 20.54);
        width: calc(8% / 4.48);
        height: calc(164% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate22{
        position: absolute;
        top: calc(373% / 20.54);
        width: calc(8% / 4.48);
        height: calc(232% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate23{
        position: absolute;
        top: calc(617% / 20.54);
        width: calc(8% / 4.48);
        height: calc(186% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate24{
        position: absolute;
        top: calc(815% / 20.54);
        width: calc(8% / 4.48);
        height: calc(162% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate245{
        position: absolute;
        top: calc(989% / 20.54);
        width: calc(8% / 4.48);
        height: calc(207% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate25{
        position: absolute;
        top: calc(1208% / 20.54);
        width: calc(8% / 4.48);
        height: calc(210% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate26{
        position: absolute;
        top: calc(1430% / 20.54);
        width: calc(8% / 4.48);
        height: calc(210% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate27{
        position: absolute;
        top: calc(1652% / 20.54);
        width: calc(8% / 4.8);
        height: calc(230% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate28{
        position: absolute;
        top: calc(1894% / 20.54);
        width: calc(8% / 4.8);
        height: calc(160% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #train{
        position: absolute;
        top: calc(13% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #mga{
        position: absolute;
        top: calc(210% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ramen{
        position: absolute;
        top: calc(386% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #pic{
        position: absolute;
        top: calc(630% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #pen{
        position: absolute;
        top: calc(828% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #tea{
        position: absolute;
        top: calc(1002% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #rocket{
        position: absolute;
        top: calc(1221% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #fish{
        position: absolute;
        top: calc(1443% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #science{
        position: absolute;
        top: calc(1665% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #tosyo{
        position: absolute;
        top: calc(1907% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #etrain{
        position: absolute;
        top: calc(16% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #emga{
        position: absolute;
        top: calc(213% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #eramen{
        position: absolute;
        top: calc(389% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #epic{
        position: absolute;
        top: calc(633% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #epen{
        position: absolute;
        top: calc(831% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #etea{
        position: absolute;
        top: calc(1005% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #erocket{
        position: absolute;
        top: calc(1224% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #efish{
        position: absolute;
        top: calc(1446% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #escience{
        position: absolute;
        top: calc(1668% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #etosyo{
        position: absolute;
        top: calc(1910% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #extrain{
        position: absolute;
        top: calc(60% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exmga{
        position: absolute;
        top: calc(257% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exramen{
        position: absolute;
        top: calc(433% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #expic{
        position: absolute;
        top: calc(677% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #expen{
        position: absolute;
        top: calc(875% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #extea{
        position: absolute;
        top: calc(1049% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exrocket{
        position: absolute;
        top: calc(1268% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exfish{
        position: absolute;
        top: calc(1490% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exscience{
        position: absolute;
        top: calc(1712% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #extosyo{
        position: absolute;
        top: calc(1951% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #ramentw{
        position: absolute;
        top: calc(562% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #teatw{
        position: absolute;
        top: calc(1154% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #rockettw{
        position: absolute;
        top: calc(1373% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #minitate3{
        position: absolute;
        top: calc(1385% / 20.54);
        width: calc(1% / 4.48);
        height: calc(12% / 20.54);
        background-color: gray;
        left: calc(83% / 4.48);
    }
    
    #rocketken{
        position: absolute;
        top: calc(1373% / 20.54);
        width: calc(36% / 4.48);
        left: calc(95% / 4.48);
    }
    
    #minitate4{
        position: absolute;
        top: calc(1385% / 20.54);
        width: calc(1% / 4.48);
        height: calc(12% / 20.54);
        background-color: gray;
        left: calc(143% / 4.48);
    }
    
    #rocketyou{
        position: absolute;
        top: calc(1373% / 20.54);
        width: calc(36% / 4.48);
        left: calc(155% / 4.48);
    }
    
    #fishtw{
        position: absolute;
        top: calc(1595% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #scienceken{
        position: absolute;
        top: calc(1839% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #mapk4f{
        position: absolute;
        top: calc(8955% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.48);
    }
    
    #boxk4f{
        position: absolute;
        top: calc(9436% / 110.75);
        width: 100%;
        height: calc(1566% / 110.75);
    }
    
    #tate29{
        position: absolute;
        top: calc(0% / 15.66);
        width: calc(8% / 4.48);
        height: calc(184% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate30{
        position: absolute;
        top: calc(196% / 15.66);
        width: calc(8% / 4.48);
        height: calc(164% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate31{
        position: absolute;
        top: calc(372% / 15.66);
        width: calc(8% / 4.48);
        height: calc(140% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate32{
        position: absolute;
        top: calc(524% / 15.66);
        width: calc(8% / 4.48);
        height: calc(88% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate33{
        position: absolute;
        top: calc(624% / 15.66);
        width: calc(8% / 4.48);
        height: calc(210% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate34{
        position: absolute;
        top: calc(846% / 15.66);
        width: calc(8% / 4.48);
        height: calc(214% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate35{
        position: absolute;
        top: calc(1072% / 15.66);
        width: calc(8% / 4.48);
        height: calc(214% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate36{
        position: absolute;
        top: calc(1298% / 15.66);
        width: calc(8% / 4.48);
        height: calc(136% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate37{
        position: absolute;
        top: calc(1446% / 15.66);
        width: calc(8% / 4.48);
        height: calc(120% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #magic{
        position: absolute;
        top: calc(13% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #history{
        position: absolute;
        top: calc(209% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #dora{
        position: absolute;
        top: calc(385% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #poke{
        position: absolute;
        top: calc(537% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #angou{
        position: absolute;
        top: calc(637% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #climb{
        position: absolute;
        top: calc(859% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #anime{
        position: absolute;
        top: calc(1085% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #art{
        position: absolute;
        top: calc(1311% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #info{
        position: absolute;
        top: calc(1459% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #emagic{
        position: absolute;
        top: calc(16% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #ehistory{
        position: absolute;
        top: calc(212% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #edora{
        position: absolute;
        top: calc(388% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #epoke{
        position: absolute;
        top: calc(540% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eangou{
        position: absolute;
        top: calc(640% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eclimb{
        position: absolute;
        top: calc(862% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eanime{
        position: absolute;
        top: calc(1088% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eart{
        position: absolute;
        top: calc(1314% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #einfo{
        position: absolute;
        top: calc(1462% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exmagic{
        position: absolute;
        top: calc(60% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exhistory{
        position: absolute;
        top: calc(256% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exdora{
        position: absolute;
        top: calc(432% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #expoke{
        position: absolute;
        top: calc(584% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exangou{
        position: absolute;
        top: calc(684% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exclimb{
        position: absolute;
        top: calc(906% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exanime{
        position: absolute;
        top: calc(1132% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exart{
        position: absolute;
        top: calc(1358% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exinfo{
        position: absolute;
        top: calc(1506% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #angoutw{
        position: absolute;
        top: calc(792% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #climbtw{
        position: absolute;
        top: calc(1017% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #animetw{
        position: absolute;
        top: calc(1243% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
#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){
    .back{
        position: absolute;
        top: 100%;
        left: calc(300% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(15vw / 4.8);
        color: black;
        text-decoration: underline;
    }
    
    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-attachment: fixed;
        margin: 0px;
        background-position: left bottom;
        -webkit-text-size-adjust: 100%;    
    }
    
    #box1{
        position: relative;
        margin-top: calc(20% / 4.8);
        width: calc(208% / 4.8);
        padding-top: calc(64% / 4.8);
        background-color: white;
        border-radius: 15px;
        left: calc(16% / 4.8);
    }
    
    #ibox1{
        position: absolute;
        top: calc(8% / 0.64);
        height: calc(50% / 0.64);
        left: calc(8% / 2.08);
    }
    
    #ebox1{
        position: absolute;
        top: calc(12% / 0.64);
        left: calc(68% / 2.08);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(28vw / 4.8);
    }
    
    #box2{
        position: relative;
        margin-top: calc(20% / 4.8);
        width: calc(448% / 4.8);
        padding-top: calc(414% / 4.8);
        background-color: white;
        border-radius: 18px;
        left: calc(16% / 4.8);
    }
    
    #ibox2{
        position: absolute;
        top: calc(10% / 4.14);
        height: calc(50% / 4.14);
        left: calc(12% / 4.48);
    }
    
    #ebox2{
        position: absolute;
        top: calc(15% / 4.14);
        left: calc(72% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(26vw / 4.8);
    }
    
    #pbox2{
        position: absolute;
        left: calc(13% / 4.48);
        width: calc(422% / 4.48);
        top: calc(72% / 4.14);
        left: calc(16% / 4.8);
    }
    
    #box3{
        position: relative;
        margin-top: calc(48% / 4.8);
        width: calc(448% / 4.8);
        padding-top: calc(11075% / 4.8);
        background-color: white;
        border-radius: 18px;
        left: calc(16% / 4.8);
    }
    
    #ibox3{
        position: absolute;
        top: calc(8% / 110.75);
        height: calc(50% / 110.75);
        left: calc(12% / 4.48);
    }
    
    #ebox3{
        position: absolute;
        top: calc(12% / 110.75);
        left: calc(72% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(26vw / 4.8);
    }
    
    #j1f{
        position: absolute;
        top: calc(68% / 110.75);
        width: calc(108% / 4.48);
        left: calc(19% / 4.48);
    }
    
    #j2f{
        position: absolute;
        top: calc(68% / 110.75);
        width: calc(108% / 4.48);
        left: calc(139% / 4.48);
    }
    
    #j3f{
        position: absolute;
        top: calc(68% / 110.75);
        width: calc(108% / 4.48);
        left: calc(259% / 4.48);
    }
    
    #h2f{
        position: absolute;
        top: calc(112% / 110.75);
        width: calc(108% / 4.48);
        left: calc(19% / 4.48);
    }
    
    #h3f{
        position: absolute;
        top: calc(112% / 110.75);
        width: calc(108% / 4.48);
        left: calc(139% / 4.48);
    }
    
    #h4f{
        position: absolute;
        top: calc(112% / 110.75);
        width: calc(108% / 4.48);
        left: calc(259% / 4.48);
    }
    
    #mapc1f{
        position: absolute;
        top: calc(163% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.48);
    }
    
    #boxc1f{
        position: absolute;
        top: calc(719% / 110.75);
        width: 100%;
        height: calc(588% / 110.75);
    }
    
    #tate1{
        position: absolute;
        top: calc(0% / 5.88);
        width: calc(8% / 4.8);
        height: calc(166% / 5.88);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate2{
        position: absolute;
        top: calc(178% / 5.88);
        width: calc(8% / 4.48);
        height: calc(166% / 5.88);
        background-color: #dd5b21;
        left: calc(15% / 4.48);
    }
    
    #tate3{
        position: absolute;
        top: calc(356% / 5.88);
        width: calc(8% / 4.8);
        height: calc(232% / 5.88);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #d1{
        position: absolute;
        top: calc(13% / 5.88);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #bc1{
        position: absolute;
        top: calc(191% / 5.88);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #cali{
        position: absolute;
        top: calc(369% / 5.88);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ed1{
        position: absolute;
        top: calc(16% / 5.88);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #ebc1{
        position: absolute;
        top: calc(194% / 5.88);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #ecali{
        position: absolute;
        top: calc(372% / 5.88);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exd1{
        position: absolute;
        top: calc(59% / 5.88);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exbc1{
        position: absolute;
        top: calc(237% / 5.88);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #excali{
        position: absolute;
        top: calc(415% / 5.88);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #calitw{
        position: absolute;
        top: calc(546% / 5.88);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #minitate1{
        position: absolute;
        top: calc(558% / 5.88);
        width: calc(1% / 4.48);
        height: calc(12% / 5.88);
        background-color: gray;
        left: calc(83% / 4.48);
    }
    
    #caliken{
        position: absolute;
        top: calc(546% / 5.88);
        width: calc(36% / 4.48);
        left: calc(95% / 4.48);
    }
    
    #mapc2f{
        position: absolute;
        top: calc(1368% / 110.75);
        width: calc(425% / 4.8);
        left: calc(12% / 4.8);
    }
    
    #boxc2f{
        position: absolute;
        top: calc(1931% / 110.75);
        width: 100%;
        height: calc(710% / 110.75);
    }
    
    #tate4{
        position: absolute;
        top: calc(0% / 7.1);
        width: calc(8% / 4.8);
        height: calc(186% / 7.1);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate5{
        position: absolute;
        top: calc(198% / 7.1);
        width: calc(8% / 4.8);
        height: calc(90% / 7.1);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate6{
        position: absolute;
        top: calc(300% / 7.1);
        width: calc(8% / 4.8);
        height: calc(184% / 7.1);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate7{
        position: absolute;
        top: calc(496% / 7.1);
        width: calc(8% / 4.8);
        height: calc(214% / 7.1);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #naname{
        position: absolute;
        top: calc(13% / 7.1);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #bc2{
        position: absolute;
        top: calc(211% / 7.1);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #syogi{
        position: absolute;
        top: calc(313% / 7.1);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #tya{
        position: absolute;
        top: calc(509% / 7.1);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #enaname{
        position: absolute;
        top: calc(16% / 7.1);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #ebc2{
        position: absolute;
        top: calc(214% / 7.1);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #esyogi{
        position: absolute;
        top: calc(316% / 7.1);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #etya{
        position: absolute;
        top: calc(512% / 7.1);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exnaname{
        position: absolute;
        top: calc(59% / 7.1);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exbc2{
        position: absolute;
        top: calc(257% / 7.1);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exsyogi{
        position: absolute;
        top: calc(359% / 7.1);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #extya{
        position: absolute;
        top: calc(555% / 7.1);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #mapc3f{
        position: absolute;
        top: calc(2714% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.48);
    }
    
    #boxc3f{
        position: absolute;
        top: calc(3258% / 110.75);
        width: 100%;
        height: calc(484% / 110.75);
    }
    
    #tate8{
        position: absolute;
        top: calc(0% / 4.84);
        width: calc(8% / 4.8);
        height: calc(136% / 4.84);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate9{
        position: absolute;
        top: calc(148% / 4.84);
        width: calc(8% / 4.8);
        height: calc(162% / 4.84);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #tate10{
        position: absolute;
        top: calc(322% / 4.84);
        width: calc(8% / 4.8);
        height: calc(162% / 4.84);
        background-color: #dd5b21;
        left: calc(15% / 4.8);
    }
    
    #meiro{
        position: absolute;
        top: calc(13% / 4.84);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #bc3{
        position: absolute;
        top: calc(161% / 4.84);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #math{
        position: absolute;
        top: calc(335% / 4.84);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ebc3{
        position: absolute;
        top: calc(164% / 4.84);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #emath{
        position: absolute;
        top: calc(338% / 4.84);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #emeiro{
        position: absolute;
        top: calc(16% / 4.84);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exmeiro{
        position: absolute;
        top: calc(59% / 4.84);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exbc3{
        position: absolute;
        top: calc(207% / 4.84);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exmath{
        position: absolute;
        top: calc(381% / 4.84);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #mapk2f{
        position: absolute;
        top: calc(3815% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.8);
    }
    
    #boxk2f{
        position: absolute;
        top: calc(4347% / 110.75);
        width: 100%;
        height: calc(1876% / 110.75);
    }
    
    #tate11{
        position: absolute;
        top: calc(0% / 18.76);
        width: calc(8% / 4.48);
        height: calc(232% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate12{
        position: absolute;
        top: calc(244% / 18.76);
        width: calc(8% / 4.48);
        height: calc(210% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate13{
        position: absolute;
        top: calc(466% / 18.76);
        width: calc(8% / 4.48);
        height: calc(140% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate14{
        position: absolute;
        top: calc(618% / 18.76);
        width: calc(8% / 4.48);
        height: calc(212% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate15{
        position: absolute;
        top: calc(842% / 18.76);
        width: calc(8% / 4.48);
        height: calc(212% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate16{
        position: absolute;
        top: calc(1066% / 18.76);
        width: calc(8% / 4.48);
        height: calc(186% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate17{
        position: absolute;
        top: calc(1264% / 18.76);
        width: calc(8% / 4.48);
        height: calc(164% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate18{
        position: absolute;
        top: calc(1440% / 18.76);
        width: calc(8% / 4.48);
        height: calc(212% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate19{
        position: absolute;
        top: calc(1664% / 18.76);
        width: calc(8% / 4.48);
        height: calc(212% / 18.76);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #quiz{
        position: absolute;
        top: calc(13% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #chess{
        position: absolute;
        top: calc(257% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #english{
        position: absolute;
        top: calc(479% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ele{
        position: absolute;
        top: calc(631% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ori{
        position: absolute;
        top: calc(855% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #paper{
        position: absolute;
        top: calc(1079% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #engei{
        position: absolute;
        top: calc(1277% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #music{
        position: absolute;
        top: calc(1453% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #obake{
        position: absolute;
        top: calc(1677% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #equiz{
        position: absolute;
        top: calc(16% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #echess{
        position: absolute;
        top: calc(260% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eenglish{
        position: absolute;
        top: calc(482% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eele{
        position: absolute;
        top: calc(634% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eori{
        position: absolute;
        top: calc(858% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #epaper{
        position: absolute;
        top: calc(1082% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eengei{
        position: absolute;
        top: calc(1280% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #emusic{
        position: absolute;
        top: calc(1456% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eobake{
        position: absolute;
        top: calc(1680% / 18.76);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exquiz{
        position: absolute;
        top: calc(59% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exchess{
        position: absolute;
        top: calc(303% / 18.76);
        left: calc(35% / 4.48);
        width: calc(420% / 4.8);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exenglish{
        position: absolute;
        top: calc(525% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exele{
        position: absolute;
        top: calc(677% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exori{
        position: absolute;
        top: calc(901% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #expaper{
        position: absolute;
        top: calc(1125% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exengei{
        position: absolute;
        top: calc(1323% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exmusic{
        position: absolute;
        top: calc(1499% / 18.76);
        left: calc(35% / 4.8);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exobake{
        position: absolute;
        top: calc(1723% / 18.76);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #quiztw{
        position: absolute;
        top: calc(190% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #minitate2{
        position: absolute;
        top: calc(202% / 18.76);
        width: calc(1% / 4.48);
        height: calc(12% / 18.76);
        background-color: gray;
        left: calc(83% / 4.48);
    }
    
    #quizken{
        position: absolute;
        top: calc(190% / 18.76);
        width: calc(36% / 4.48);
        left: calc(95% / 4.48);
    }
    
    #eletw{
        position: absolute;
        top: calc(788% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #oritw{
        position: absolute;
        top: calc(1012% / 18.76);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #mapk3f{
        position: absolute;
        top: calc(6296% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.48);
    }
    
    #boxk3f{
        position: absolute;
        top: calc(6828% / 110.75);
        width: 100%;
        height: calc(2054% / 110.75);
    }
    
    #tate20{
        position: absolute;
        top: calc(0% / 20.54);
        width: calc(8% / 4.48);
        height: calc(185% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate21{
        position: absolute;
        top: calc(197% / 20.54);
        width: calc(8% / 4.48);
        height: calc(164% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate22{
        position: absolute;
        top: calc(373% / 20.54);
        width: calc(8% / 4.48);
        height: calc(232% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate23{
        position: absolute;
        top: calc(617% / 20.54);
        width: calc(8% / 4.48);
        height: calc(186% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate24{
        position: absolute;
        top: calc(815% / 20.54);
        width: calc(8% / 4.48);
        height: calc(162% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate245{
        position: absolute;
        top: calc(989% / 20.54);
        width: calc(8% / 4.48);
        height: calc(207% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate25{
        position: absolute;
        top: calc(1208% / 20.54);
        width: calc(8% / 4.48);
        height: calc(210% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate26{
        position: absolute;
        top: calc(1430% / 20.54);
        width: calc(8% / 4.48);
        height: calc(210% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate27{
        position: absolute;
        top: calc(1652% / 20.54);
        width: calc(8% / 4.8);
        height: calc(230% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #tate28{
        position: absolute;
        top: calc(1894% / 20.54);
        width: calc(8% / 4.8);
        height: calc(160% / 20.54);
        background-color: #0370bc;
        left: calc(15% / 4.8);
    }
    
    #train{
        position: absolute;
        top: calc(13% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #mga{
        position: absolute;
        top: calc(210% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #ramen{
        position: absolute;
        top: calc(386% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #pic{
        position: absolute;
        top: calc(630% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #pen{
        position: absolute;
        top: calc(828% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #tea{
        position: absolute;
        top: calc(1002% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #rocket{
        position: absolute;
        top: calc(1221% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #fish{
        position: absolute;
        top: calc(1443% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #science{
        position: absolute;
        top: calc(1665% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #tosyo{
        position: absolute;
        top: calc(1907% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #etrain{
        position: absolute;
        top: calc(16% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #emga{
        position: absolute;
        top: calc(213% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #eramen{
        position: absolute;
        top: calc(389% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #epic{
        position: absolute;
        top: calc(633% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #epen{
        position: absolute;
        top: calc(831% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #etea{
        position: absolute;
        top: calc(1005% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #erocket{
        position: absolute;
        top: calc(1224% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #efish{
        position: absolute;
        top: calc(1446% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #escience{
        position: absolute;
        top: calc(1668% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #etosyo{
        position: absolute;
        top: calc(1910% / 20.54);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.48);
    }
    
    #extrain{
        position: absolute;
        top: calc(60% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exmga{
        position: absolute;
        top: calc(257% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exramen{
        position: absolute;
        top: calc(433% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #expic{
        position: absolute;
        top: calc(677% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #expen{
        position: absolute;
        top: calc(875% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #extea{
        position: absolute;
        top: calc(1049% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exrocket{
        position: absolute;
        top: calc(1268% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exfish{
        position: absolute;
        top: calc(1490% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exscience{
        position: absolute;
        top: calc(1712% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #extosyo{
        position: absolute;
        top: calc(1951% / 20.54);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #ramentw{
        position: absolute;
        top: calc(562% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #teatw{
        position: absolute;
        top: calc(1154% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #rockettw{
        position: absolute;
        top: calc(1373% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #minitate3{
        position: absolute;
        top: calc(1385% / 20.54);
        width: calc(1% / 4.48);
        height: calc(12% / 20.54);
        background-color: gray;
        left: calc(83% / 4.48);
    }
    
    #rocketken{
        position: absolute;
        top: calc(1373% / 20.54);
        width: calc(36% / 4.48);
        left: calc(95% / 4.48);
    }
    
    #minitate4{
        position: absolute;
        top: calc(1385% / 20.54);
        width: calc(1% / 4.48);
        height: calc(12% / 20.54);
        background-color: gray;
        left: calc(143% / 4.48);
    }
    
    #rocketyou{
        position: absolute;
        top: calc(1373% / 20.54);
        width: calc(36% / 4.48);
        left: calc(155% / 4.48);
    }
    
    #fishtw{
        position: absolute;
        top: calc(1595% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #scienceken{
        position: absolute;
        top: calc(1839% / 20.54);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #mapk4f{
        position: absolute;
        top: calc(8955% / 110.75);
        width: calc(425% / 4.48);
        left: calc(12% / 4.48);
    }
    
    #boxk4f{
        position: absolute;
        top: calc(9436% / 110.75);
        width: 100%;
        height: calc(1566% / 110.75);
    }
    
    #tate29{
        position: absolute;
        top: calc(0% / 15.66);
        width: calc(8% / 4.48);
        height: calc(184% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate30{
        position: absolute;
        top: calc(196% / 15.66);
        width: calc(8% / 4.48);
        height: calc(164% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate31{
        position: absolute;
        top: calc(372% / 15.66);
        width: calc(8% / 4.48);
        height: calc(140% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate32{
        position: absolute;
        top: calc(524% / 15.66);
        width: calc(8% / 4.48);
        height: calc(88% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate33{
        position: absolute;
        top: calc(624% / 15.66);
        width: calc(8% / 4.48);
        height: calc(210% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate34{
        position: absolute;
        top: calc(846% / 15.66);
        width: calc(8% / 4.48);
        height: calc(214% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate35{
        position: absolute;
        top: calc(1072% / 15.66);
        width: calc(8% / 4.48);
        height: calc(214% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate36{
        position: absolute;
        top: calc(1298% / 15.66);
        width: calc(8% / 4.48);
        height: calc(136% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #tate37{
        position: absolute;
        top: calc(1446% / 15.66);
        width: calc(8% / 4.48);
        height: calc(120% / 15.66);
        background-color: #0370bc;
        left: calc(15% / 4.48);
    }
    
    #magic{
        position: absolute;
        top: calc(13% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #history{
        position: absolute;
        top: calc(209% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #dora{
        position: absolute;
        top: calc(385% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #poke{
        position: absolute;
        top: calc(537% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #angou{
        position: absolute;
        top: calc(637% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #climb{
        position: absolute;
        top: calc(859% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #anime{
        position: absolute;
        top: calc(1085% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #art{
        position: absolute;
        top: calc(1311% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #info{
        position: absolute;
        top: calc(1459% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #emagic{
        position: absolute;
        top: calc(16% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #ehistory{
        position: absolute;
        top: calc(212% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #edora{
        position: absolute;
        top: calc(388% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #epoke{
        position: absolute;
        top: calc(540% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eangou{
        position: absolute;
        top: calc(640% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eclimb{
        position: absolute;
        top: calc(862% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eanime{
        position: absolute;
        top: calc(1088% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #eart{
        position: absolute;
        top: calc(1314% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #einfo{
        position: absolute;
        top: calc(1462% / 15.66);
        left: calc(83% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        font-size: calc(21vw / 4.8);
    }
    
    #exmagic{
        position: absolute;
        top: calc(60% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exhistory{
        position: absolute;
        top: calc(256% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exdora{
        position: absolute;
        top: calc(432% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #expoke{
        position: absolute;
        top: calc(584% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exangou{
        position: absolute;
        top: calc(684% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exclimb{
        position: absolute;
        top: calc(906% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exanime{
        position: absolute;
        top: calc(1132% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exart{
        position: absolute;
        top: calc(1358% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #exinfo{
        position: absolute;
        top: calc(1506% / 15.66);
        left: calc(35% / 4.48);
        width: calc(400% / 4.48);
        font-family: fot-tsukuardgothic-std, sans-serif;
        line-height: 1.4em;
        font-size: calc(16vw / 4.8);
    }
    
    #angoutw{
        position: absolute;
        top: calc(792% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #climbtw{
        position: absolute;
        top: calc(1017% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #animetw{
        position: absolute;
        top: calc(1243% / 15.66);
        width: calc(36% / 4.48);
        left: calc(35% / 4.48);
    }
    
    #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);
    }
}