@charset "utf-8";
html,body {
margin: 0px;
padding: 0px;
scroll-behavior: smooth;
}

body {
    font-family: "Kiwi Maru", serif;
    font-size: 1em;
    color: #ffffff;
    line-height:1.8em;
    background-color: #ffffff;
    margin: 0px;

}

a{text-decoration: none;}
a:link {color: #333333;}

#container{
    background-color: bisque;
    margin: 0; /*ブロックの上下は隙間なし*/
    width: 100%;
    max-width :430px;/*横幅はmax430*/
    background-size: contain;
    text-align: left;
}

#topnavi{
    width: 100%;
    position: fixed;
    top: 0;
    display: flex;
    margin-top: 2%;
    margin-left: 2%;
}

#keyvisual{
    width: 100%; /*横幅いっぱいいっぱいまで*/
    height: 100vh; /*縦はデバイス画面にあわせていっぱいまで表示*/
    margin: 0; /*ブロックの外側隙間なし*/
    background-image: url(img/key.jpg);
    background-size:cover;
    display: flex;    
    
}

.toptex{
    line-height: 33px;
    font-size: 18px;
    width: 110px;
    height: 704px;
    display: flex;
    margin-top: 35%;
    margin-left: 22%;
}

.top1{
    width: 20px;
    height: 448px;
}

.top2{
    width: 20px;
    height: 352px;
    margin-left: 30%;
}

.top3{
    width: 20px;
    height: 288px;
    margin-left: 30%;
    margin-right: 30%;
}

.top4{
    width: 20px;
    height: 128px;
    margin-right: 30%;
}

.top5{
    width: 20px;
    height: 704px;
}
.maintxt{
    width: 90%;
    padding: 5px;
    margin: 5px;
    font-family: "Kiwi Maru", serif;
    font-size: 19em;
    line-height: 30px;
    writing-mode: vertical-rl;
}



.seiza{
    width: 100%;
    height: 411px;
    padding: 0%;
    background-image: url(img/seiza.jpg);
    background-size: cover;

}

.seiza2{
    display:inline-block;
    width: 100%;
    height: 328px;
    background-image: url(img/seiza2.jpg);
    background-size: cover;
    display: flex;
}

.ster1{
    width: 67px;
    height: 71.83px;
    background-image: url(img/ster1.png);
    margin-top: -10%;
    margin-left: 42%;
}


.ueteru{
    width: 100%;
    height: 100vh;
    background-image: url(img/ueteru.jpg);
    background-size: cover;
    display:inline-block;
}

.ster2{
    width: 107.1px;
    height: 159.01px;
    background-image: url(img/ster2.png);
    margin-top: -30%;
    margin-left: 70%;
}

.omoi{
    color: #563D16;
    font-size: 18px;
    width: 110px;
    height: 704px;
    display: flex;
    margin-top: 20%;
    margin-left: 9%;
}

.omoi1{
    width: 12px;
    height: 272px;
    font-size: 12px;
    line-height: 17px;
}

.omoi2{
    width: 12px;
    height: 255px;
    margin-left: 10%;
    font-size: 12px;
    line-height: 17px;
}

.omoi3{
    width: 12px;
    height: 289px;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 12px;
    line-height: 17px;
}

.omoi4{
    width: 12px;
    height: 199px;
    margin-right: 20%;
    font-size: 12px;
    line-height: 17px;
}

.omoi5{
    width: 16px;
    height: 299px;
    font-size: 16px;
    margin-top: -10%;
    line-height: 23px;
    margin-left: 0%;
}

.omoi6{
    width: 16px;
    height: 115px;
    font-size: 16px;
    margin-top: -20%;
    margin-left: 5%;
    line-height: 23px;
}

.gurade{
    margin-top: -56%;
    width: 100%;
    height: 245px;
    background-image: url(img/gurade.png);
}
.midori{
    width: 100%;
    height: 434px;
    background-image: url(img/midori.jpg);
}

.midorimoji{
   padding-top: 30%;
    font-size: 20px;
    line-height: 45px;
    letter-spacing: 2px;

}

.midorimoji span{
    font-size: 32px;
}





.kira{
    width: 132.91px;
    height: 65.36px;
    margin-top: -50%;
    background-image: url(img/kira.png)
    
}



#setumeihaikei{
    display:inline-block;
    width: 100%;
    height: 100vh;
    margin-top: -5%;
    background-image: url(img/setumeihaikei.jpg);
}

.midasi{
    font-size: 20px;
    color: #563D16;
    margin-top: 191px;
    letter-spacing: 2px;
}

.midasi2{
    font-size: 24px;
    color: #563D16;
    letter-spacing: 2px;
    margin-left: 20%;
}

.sen1{
    width: 260px;
    height: 5px;
    background-image: url(img/sen1.png);
    margin-left: 65px;
    margin-top: -5%;

}

.tuyatex{
    font-size: 16px;
    color: #563D16;
}

.rinku1{
    display: flex;
}

.tuyarinku{
    font-size: 11px;
    color: #4487B4;
    margin-left: 78px;
    margin-top: -10px;
}

.rinkum1{
    width: 13px;
    height: 13px;
    background-image: url(img/rinku.png);
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-left: 4px;
}

.midasi3{
    font-size: 24px;
    color: #563D16;
    letter-spacing: 2px;
    margin-left: 20%;
    margin-top: 15%;
}

.tuyosatex{
    font-size: 16px;
    color: #563D16;
}

.rinku2{
    display: flex;
}

.tuyosarinku{
    font-size: 11px;
    color: #4487B4;
    margin-left: 78px;
    margin-top: -10px;
}

.rinkum2{
    width: 13px;
    height: 13px;
    background-image: url(img/rinku.png);
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-left: 4px;
}

.footer{
    display:inline-block;
    width: 390px;
    height: 210px;
    background-image: url(img/footer.jpg);
    color: #563D16;
}

.ue{
    width: 18px;
    height: 18px;
    background-image: url(img/ue.png);
    margin-top: 8%;
    margin-left: 82%;
}

.ja{
    font-size: 15px;
    color: #563D164D;
    margin-top: -5%;
    margin-left: 33%;
}

.roku{
    display: flex;
    font-size: 11px;
    margin-left: 11%;
    margin-top: -6%;
}

.roku p{
    margin-left: 4%;
}

.roku2{
    display: flex;
    font-size: 11px;
    margin-left: 13%;
    margin-top: -6%;
}

.roku2 p{
    margin-left: 4%;
}

.sns{
    display: flex;
    margin-left: 35%;
}

.f{
    width: 6px;
    height: 15px;
    background-image: url(img/f.png);
    margin-left: 10%;
}

.i{
    background-image: url(img/i.png);
    width: 18px;
    height: 18px;
    margin-left: 150%;
}

.saigo{
    font-size: 11px;
    color: #563D164D;
    margin-left: 10%;
}

.gif1{
    width: 100%;
    height: 100vh;
}

.suta1{
    width: 200px;
    height: 200px;
    margin-top: 0;
}

.mokuji{
    width: 100%;
    height: 480px;
    margin-top: -215%;
}

.suta2{
    width: 200px;
    height: 200px;
    margin-left: 45%;
    margin-top: -10%;
}

.suta3{
    width: 200px;
    height: 200px;
    margin-left: 30%;
    margin-top: 20%;
}

.suta4{
    width: 200px;
    height: 200px;
    margin-left: 47%;
}

.tika{
    margin-left: -33%;
    margin-top: 130%;
}