@charset "utf-8";
html,body{margin: 0px;padding: 0px;}
body{font-family: "Noto Sans JP", sans-serif;
font-size: 1em;
color: #9C2D2D;
line-height:1.8em;
background-color: #FBF29B;
}

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

#container{
    background-color: #FBF29B;
    margin: 0 auto;
    width: 100%;
    max-width :430px;
    background-image: url(img/kaminoke.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: left;
}

#keyvisual{
    width: 100%;
    height: 100vh;
    background-image: url(img/kao.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 150px 180px;
  
    
}

#toptitle{
    width: 100%;
    text-align: left;
    padding-top: 10%;
    padding-left: 5%;
    margin: 0px;   
}

#followke{
    width: 100%;
    margin-top: 20px;
}

.follow{
    width: 100%;
    text-align: left;
    padding-top: 45%;
    padding-left: 10%;
    margin-top: 10px;
}


.kechappu{
    width: 100%;
    text-align: left;
    padding-top: -10%;
    padding-left: 60%;   
    margin-top: -95px;
}



.photo1{
    width: 80%;
    text-align: left;
    padding-top: 0%;
    padding-left: 20%;
    margin-top: -60px;
}

.daimei{
    width: 100%;
    text-align:left;
    padding-left: 35%;
    margin-top: -10px;
    font-size:1.7em;
}

.hiniti{
    width: 100%;
    text-align:left;
    padding-top: 0%;
    padding-left: 18%;
    margin-top: -8px;
    margin-bottom: 0px;
    opacity: 0.6;
    font-size:1.2em;
}
.photo2{
    width: 100%;
    text-align: left;
    padding-top: 20%;
    padding-left: 29%;
    margin: 0px;
}