@charset "utf-8";

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



    
body {
    
    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;
    
    color:#4c3931;
    align-items: center;
    display: flex;
    margin-left  : 40px;
    position:absolute
 }

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