@charset "utf-8";

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



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

#container{
      background-color: #893337;
      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: absolute;
   
}


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

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

 #maintxt{
    width: 90%;
    margin-top   : -255px;
    font-weight: normal;
    font-family: "Gothic A1", sans-serif;
    color:#d0b58f;
    align-items: center;
    display: flex;
    margin-left  : 42px;
    
  }

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

  

  #btn_2{
    top:2;
    width :100%;
    max-width :430px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    object-fit: cover;
    position:relative
  }
  
  .box2 {
    margin-top   : -160px;          /* 余白指定 */
    display: flex; 
    justify-content:center;
    position:relative   
  }

  .flex_test-item {
    padding: 10px;
    color:  #4c3931;               /* 文字色 */
    margin:  10px;              /* 外側の余白 */
    border-radius:  40px;        /* 角丸指定 */
    font-size: 20px;            /* 文字サイズ指定 */
    text-align:  center;        /* 文字中央揃え */
    font-family: "Gothic A1", sans-serif;
}

.flex_test-item:nth-child(1) {
    background-color:  #e9eaea; /* 背景色指定 */
    flex-grow: 0.14
}
.flex_test-item:nth-child(2) {
    background-color:  #e9eaea; /* 背景色指定 */
    flex-grow: 0.14
}