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



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

.omoidama{
    width: 60%;
    height: 60%;
    display: flex;
    margin-top: 95%;
    margin-left: 9%;
}


.maintxt{
    width: 90%;
    padding: 5px;
    margin: 5px;
    font-family: "Kiwi Maru", serif;
    font-size: 19em;
    line-height: 30px;
   
}



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

}

.komeseiza{
    width: 136.88px;
    height: 300.43px;
    display: flex;
    padding: -20px;
    margin-left: 30%;
}


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

.negai{
    width: 100%;
    margin-top: 20%;
    font-size: 19px;
    line-height: 50px;
    letter-spacing: 3px;
}

.hosizora2{
    width: 100%;
    height: 872px;
    background-image: url(img/hosizora2.jpg);
    background-size: cover;
   
}


.hosi{
    width: 318.61px;
    height: 295.65px;
    margin-top: 10%;
    margin-left: 9%;
    background-image: url(img/hosi.png);
    background-repeat: no-repeat;
    position: relative;
    display:inline-block;
}

.hosi p {
    font-size: 32px;
    margin-top: 43%;
    margin-left: 28%;
}

.kimoti{
    font-size: 21px;
    margin-top: 10%;
    margin-left: 5%;
    line-height: 40px;
    letter-spacing: 2px;
}

.kimoti2{
    font-size: 14px;
    margin-top: 3%;
    margin-left: 5%;
    line-height: 25px;
    letter-spacing: 2px;
}

.nagarebosi{
    width: 100%;
    margin-top: 10%;
    
}

.midori{
    width: 100%;
    height: 440px;
    margin-top: -6%;
    background-image: url(img/midori.jpg);
}

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

}

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

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

.kiratomoji{
    width: 100%;
    display:inline-block;
}


.manten{
    font-family: "BIZ UDMincho", serif;
     font-weight: 100;
     font-style: normal;
     margin-top: -20%;
     padding: 0;
    font-size: 48px;
    line-height: 70px;
    letter-spacing: 2px;
}

.manten span{
    letter-spacing: 7px;
}

.kirakira{
    width: 220px;
    height: 222px;
    margin-top: 30%;
    margin-left: 23%;
    padding: 0;
    background-image: url(img/kirakira.png);
    background-repeat: no-repeat;
}

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

.sun{
    font-family: "BIZ UDMincho", serif;
     font-weight: 100;
     font-style: normal;
    font-size: 48px;
    margin:0;
    padding-top: 80%;
    line-height: 70px;
    letter-spacing: 2px;
}

.sun span{
    letter-spacing: 7px;
}

.kirakira2{
    width: 220px;
    height: 222px;
    margin-top: -37%;
    margin-left: 17%;
    padding: 0;
    background-image: url(img/kirakira.png);
    background-repeat: no-repeat;
}

.man{
    font-family: "BIZ UDMincho", serif;
     font-weight: 100;
     font-style: normal;
    font-size: 48px;
    margin-top: -10%;
    padding-top: 10%;
    line-height: 70px;
    letter-spacing: 2px;
    text-align: center;
}

.man span{
    letter-spacing: 7px;
}

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

.yutakamoji{
    font-family: "BIZ UDMincho", serif;
     font-weight: 100;
     font-style: normal;
    font-size: 48px;
    padding-top: 75%;
    line-height: 70px;
    letter-spacing: 2px;
    text-align: center;
}

.kirakira3{
    width: 220px;
    height: 222px;
    margin-top: -58%;
    margin-left: -10%;
    padding: 0;
    background-image: url(img/kirakira.png);
    background-repeat: no-repeat;
}

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

.kirakira4{
    width: 220px;
    height: 222px;
    margin-top: 56%;
    margin-left: 22%;
    padding: 0;
    background-image: url(img/kirakira.png);
    background-repeat: no-repeat;
}

.mizumoji{
    font-family: "BIZ UDMincho", serif;
    font-weight: 100;
    font-style: normal;
   font-size: 48px;
  margin-top: -35%;
   line-height: 70px;
   letter-spacing: 2px;
   text-align: center;   
}

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

.toumeimoji2{
    font-family: "BIZ UDMincho", serif;
    font-weight: 100;
    font-style: normal;
   font-size: 48px;
   margin-top: -15%;
   line-height: 70px;
   letter-spacing: 2px;
   text-align: center;
   margin-left: -10%;  
}

.kirakira5{
    width: 220px;
    height: 222px;
    margin-top: 20%;
    margin-left: 22%;
    padding: 0;
    background-image: url(img/kirakira.png);
    background-repeat: no-repeat;
}

.toumeimoji{
    font-family: "BIZ UDMincho", serif;
    font-weight: 100;
    font-style: normal;
   font-size: 48px;
   line-height: 70px;
   letter-spacing: 2px;
   text-align: center;
   margin-top: -25%;
}

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

.kirakira6{
    width: 220px;
    height: 222px;
    margin-top: 80%;
    margin-left: 40%;
    padding: 0;
    background-image: url(img/kirakira.png);
    background-repeat: no-repeat;
}

.kagayakimoji{
    font-family: "BIZ UDMincho", serif;
    font-weight: 100;
    font-style: normal;
   font-size: 48px;
   letter-spacing: 2px;
   text-align: center;
   margin-top: -40%;
}

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

.syumoji1{
    font-family: "BIZ UDMincho", serif;
    font-weight: 100;
    font-style: normal;
   font-size: 24px;
   padding-top: 45%;
}

.syumoji2{
    font-family: "BIZ UDMincho", serif;
    font-weight: 100;
    font-style: normal;
   font-size: 24px;
   display: flex;
   padding-top: 5%;
}

.syumoji2su{
    padding-left: 3%;
}

.syumoji2ki{
    padding-left: 55%;
}

.syumoji3{
    font-family: "BIZ UDMincho", serif;
    font-weight: 100;
    font-style: normal;
   font-size: 24px;
   display: flex;
   padding-top: 13%;
}

.syumoji3ma{
    padding-left: 3%;
}

.syumoji3to{
    padding-left: 55%;
}

.syumoji4{
    font-family: "BIZ UDMincho", serif;
    font-weight: 100;
    font-style: normal;
   font-size: 24px;
   padding-top: 15%;
}

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

.kometubu{
    display:inline-block;
    width: 192.91px;
    height: 241.25px;
    margin-left: 16%;
    margin-top: -40%;
    background-image: url(img/kometubu.png);
    background-repeat: no-repeat;
}

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

.oudotex1{
    font-size: 16px;
    display: block;
    transform: rotate(20deg);
    margin-top: 100%;
    margin-left: 10%;
}

.setumeihaikei{
    display:inline-block;
    width: 100%;
    height: 100vh;
    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);
}

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

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