/* コンテナの基本設定 */
.container1 {
  display: flex;
  justify-content: center; /* PCで横並びにした際に中央に配置 */
  flex-wrap: wrap; /* 必要に応じて折り返し */
  margin: 10px 0 0 0 ;
  gap: 10px; /* アイテム間の隙間 */
}

/* ３ボタン横並時のdiv設定 */
.box { /* 他項目の拘束は無さそうだけれどboxにしないと動かない */
  margin: 1% ;
  width: 260px; /* 幅を260pxに固定 */
  border: 2px solid #a88b67;
  background: #fff;
  border-radius: 5px;
  padding:5px 0 5px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.box-d { /* 余白＆並替時削除用 */
  margin: 1% ;
  width: 260px; /* 幅を260pxに固定 */
}

/* 768px以下の画面での設定 */
@media (max-width: 768px) {
  .container1 {
    flex-direction: column; /* 縦並びにする */
    align-items: center; /* divを中央に揃える */
  }
}

/* 768px以下の画面でアイテム削除 */
@media screen and (max-width: 768px) {
  .box-d {
    display: none;
  }
}