@charset "utf-8";

html, body {
    margin: 0px;
    padding: 0px;
   }



    
body {
    font-family: "Noto Serif JP", serif; 
    font-size: 1.1em;
    color: #333333;
    line-height:1.8em;
    background-color: #342a2a;
    background-image: url(img/back_dot_.png);
    }

#container{
      background-color: #d0b58f;
      margin: 0 auto;
      width: 100%;
      max-width :430px;
      background-size: contain;
      text-align: center;
        
 }


 #btn_waku{
    top: 0;
    width :100%;
    max-width :430px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    object-fit: cover;
    position: relative;
}


 
 #keyvisual{
    top: 0;
    width :100%;
    max-width :430px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    object-fit: cover;
    position:absolute;
 }

 #maintxt{
    
    margin-top   : -420px;
    font-weight: bold;
    font-family: "Gothic A1", sans-serif;
    color:#4c3931;
    align-items: center;
    display: flex;
    width :90%;
    max-width :430px;
    justify-content:center;
    position:absolute;
    margin-left  : 28px;
    
    
 }

 #btn_tea{
    top:136px;
    width :60%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    object-fit: cover;
    position: absolute;
    border-radius: 10px; /* 角をまーるくして */
    margin-left  : 80px;
    border: solid 7px #a8474c; /* まわりに7ピクセルの縁をつけてね */
} 

#btn_rogo{
    top: 1;
    width :100%;
    
    height: fit-content;
    display: flex;
    flex-direction: column;
    object-fit: cover;
    position: relative;
   
}

.sample9{
    
    margin-top   : -200px;
    font-weight: bold;
    
    color:#4c3931;
    align-items: center;
    display: flex;
    margin-left  : 140px;
    font-size: 0.8em;
    position:absolute;
    
 
 }
 
 .btn{
     
    margin-top   : -160px;
    font-weight: normal;
    background-color: #4c3931;
    color:#e5e1df;
    text-align: center;
    border-radius: 10px; /* 角をまーるくして */
    display: flex;
    margin-left  : 130px;
    position:absolute;
    
 
 }
 
 .s {
    margin-top   : -100px;
    font-weight: bold;
    
    color:#4c3931;
    align-items: center;
    display: flex;
    margin-left  : 170px;
    font-size: 0.8em;
    position:absolute;
    
  }