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

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



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

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

.tuyapage{
    background-image: url(img/tuyapage.jpg);
    width: 100%;
    height: 100vh;
}

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

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

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