/** Shopify CDN: Minification failed

Line 83:3 Expected "}" to go with "{"

**/
/* セクション全体を画面幅いっぱいに */
.business-calendar-section {
  width: 100vw;              /* ビューポート幅いっぱい */
  margin: 0;                 
  padding: 5px 0;           
  background-color:rgb(255, 253, 220); /* 好きな色に変更  #FFFAF0; */
  box-sizing: border-box;
}

/* カレンダー2カ月分を中央寄せ */
.business-calendar-table-wrapper.two-months {
  display: flex;
  justify-content: center;  /* 横中央寄せ */
  gap: 20px;                /* カレンダー間の隙間 */
  flex-wrap: wrap;          /* スマホは縦並び */
  max-width: 960px;         /* 必要に応じて幅を制限 */
  margin: 0 auto;           /* セクション内で中央寄せ */
}

/* 1カ月分の幅 */
.business-calendar-month {
  flex: 1 1 48%;          /* 横幅50％未満に設定して余白確保 */
  max-width: 450px;       /* 各カレンダー最大幅 */
  box-sizing: border-box;
}

/* カレンダー内 */
.business-calendar-table {
  width: 100%;            /* 親の幅に収める */
  border-collapse: collapse;
  font-size: 13px;        /* 少し小さく */
}

.business-calendar-table th,
.business-calendar-table td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 6px;
}

/* 月タイトル（7月・8月） */
.business-calendar-month-title {
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}

.business-calendar-table td.holiday {
  background:rgb(252, 134, 134);   /* グレー背景 */
  color:rgb(255, 255, 255);     /* 赤文字 */
  border-radius: 4px;
}

/* スマホ用（修正後） */
@media screen and (max-width: 768px) {
.business-calendar-month {
 width: 90%; 
 max-width: 300px; /* 320pxから280pxに縮小 */
 margin: 0 auto 20px; 
}
}
.business-calendar-table {
 font-size: 12px;
}



.business-calendar-information {
  text-align: center;
  font-size: 12px; /* ここで文字サイズを指定 */
}

/* モバイルでのみ適用 */
@media screen and (max-width: 768px) {
  .business-calendar-information {
    max-width: 280px; /* テキストの最大幅を小さく設定 */
    margin: 0 auto;
  }