@charset "utf-8";

/* 休業のお知らせ */
#oyasumi {
  margin: -20px auto 10px;
  padding: 5px 10px;
  border: 2px solid #d20019;
  border-top: none;
}

#oyasumi p strong {
  font-size: 1.2em;
  color: #f00;
  line-height: 1.3;
  font-weight:700;
}

#oyasumi p em {
  font-size: 1.2em;
  line-height: 1.2;
  color: #039;
}

#oyasumi p.oyasumi {
  font-size: 1.2em;
  color: #f00;
  margin-bottom: 3px;
}

#oyasumi ul.oyasumi {
  margin: 0 20px;
}


/* 繁忙期 */
#index-busy {
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #f00;
}

#index-busy p strong {
  font-size: 1.2em;
  color: #f00;
  line-height: 1.3;
}


/* 営業日カレンダー */
.eigyobi {
  border-collapse: collapse;
  margin-bottom: 5px;
  text-align: center;
  max-width:100%;
}

.eigyobi th,
.eigyobi td {
  padding: 8px;
  border: 1px solid #666;
  text-align: center;
}

.eigyobi th {
  font-weight: bold;
  background: #ecebea;
}

th.sat { background: #99ccff; }
th.sun { background: #ff7f7f; }

td.sun {
  background: #ffc1c1;
  color: #f00;
  font-weight: bold;
}

td.jitan {
  color: green;
}

/* テーブル（スクロール） */
.eigyobi{
  display: block;
  white-space: nowrap;
  overflow-x: auto;/* 横方向のはみ出しをスクロール可能にする */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;/* スマホで滑らかにスクロールさせる */
  table-layout: fixed;     /* ★セルを強制的に均等幅にする設定 */
}