/* 投稿カレンダー用CSS */
.myCalendar {
	padding: 10px;
	background-color: #f7fcfe;
}
.cal-header {
	display: flex;
	justify-content: space-between;
}
.cal-prev ,
.cal-next {
	font-size: small;
}
/* 日付テーブル */
.myCalendar table {
	border-collapse: collapse; /* 隣接するセルで境界線を共有 */
	width: 100%;
	height: 300px;
	table-layout: fixed;
	border-color: #73B3C1;
	background-color: aliceblue;
}
.myCalendar td {
  position: relative;
  height: 100px;
  padding: 4px;
  overflow: hidden;
}
/* 1行目（曜日）の背景と文字 */
tr:nth-child(1) {
	background-color: #7996A9;
	color: white;
	height: 30px;
	text-align: center;
}
/* カレンダーの日付セルを同じにする */
.myCalendar td span,
.myCalendar td a,
.myCalendar .calendar-categories {
  position: absolute;
  left: 4px;
  top: 4px;
  right: 4px;
  display: block;
}
.myCalendar .calendar-categories {
  top: auto;
  display: flex;
  gap: 2px;
}
/* カテゴリーの文字溢れを防ぐ */
.calendar-category {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	font-size: 0.65em;
	padding: 2px 2px;
	border-radius: 3px;
	white-space: nowrap;
	text-align: center;
}
/* 今月の日付だけ土日色にする（前月・翌月を除外） */
.myCalendar td:not([data-current="prev"]):not([data-current="next"]):nth-of-type(1) {
	color: #D21428; /* 日曜（赤） */
	background-color: #ffe6ed80;
}
.myCalendar td:not([data-current="prev"]):not([data-current="next"]):nth-of-type(7) {
	color: #3B82C4; /* 土曜（青） */
	background-color: #ffe6ed80;
}
/* 今月の今日だけ背景色を変える */
.myCalendar td.today:not([data-current="prev"]):not([data-current="next"]) {
	background-color: #97bbd3;
	border: 2px solid #97bbd3;
	color: white;
}
/* 今月の祝日だけ文字色を色を変える */
.myCalendar td[data-holiday]:not([data-current="prev"]):not([data-current="next"]) {
	color: #D21428; /* 祝日（赤） */
	background-color: #ffe6ed80;
}
/* 祝日かつ今日：赤文字で背景は今日の色 */
.myCalendar td.today[data-holiday]:not([data-current="prev"]):not([data-current="next"]) {
  background-color: #97bbd3;
  border: 2px solid #97bbd3;
  color: #D21428; /* ← 赤文字 */
}
/* 今月以外の日付は薄い色で */
td[data-current="next"] , 
td[data-current="prev"] { 
	color: #A0BEC8;
	background-color: gainsboro;
}
/* カテゴリー別色指定 */
.calendar-category--hpcre {
	background-color: #8224e3;
	color: #FFF;
}
.calendar-category--work {
	background-color: #1e73be;
	color: #FFF;
}
.calendar-category--jim {
	background-color: #81d742;
}
.calendar-category--pet {
	background-color: #eeee22;
}
.calendar-category--prog {
	background-color: #dd9933;
}
.calendar-category--uncate {
	background-color: #999999;
}
/* ********************************* */
/* 営業カレンダー用 */
/* ********************************* */
/* ナビゲーション */
.business-cal-nav {
	font-size: 0.8em;
	color: #0a1228;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
/* カレンダー本体 */
.business-calendar {
	border: 1px solid lightgray;
	padding: 0.5rem;
	border-radius: 8px;
	width: -webkit-fill-available;
}
/* 2ヶ月表示領域 */
.business-calendar-wrap {
	display: flex;
	gap: 20px;
	justify-content: center;
}
/* カレンダー表 */
.business-calendar table {
	width: 100%;
	border-collapse: collapse;
}
/* カレンダー　月名 */
.business-cal-header {
	display: flex;
	justify-content: space-around;
	color: #0a1228;
}

/* カレンダー表　行 */
.business-calendar th {
	padding: 4px;
	text-align: center;
}
/* カレンダー表　1行目曜日 */
.business-calendar tr:nth-child(1) {
	background-color: palegoldenrod;
	color: darkslategray;
}
/* カレンダー表　セル */
.business-calendar td {
	width: 14%;
	text-align: center;
	vertical-align: top;
	padding: 4px;
}
/* カレンダー表　営業日 */
.business-calendar td.business-day {
  background: #e8fbe8;
}
/* カレンダー表　休日 */
.business-calendar td.holiday {
  background: #fde8e8;
  color: #c00;
}
/* カレンダー表　今日 */
/* .business-calendar td.today {
  background-color: skyblue;
} */
/* カレンダー表　空白セル */
.business-calendar td.empty {
  background: mintcream;
}
/* カレンダー表　休日の名称 */
.holiday-name {
  font-size: 0.6em;
  color: #666;
  margin-top: 2px;
}
.business-calendar-wrapper {
  display: flex;
  gap: 20px;
}
.b-cal-prev ,
.b-cal-tomo ,
.b-cal-next {
	font-size: small;
	color: #0a1228;
}
a.b-cal-prev ,
a.b-cal-tomo ,
a.b-cal-next {
	color: #0a1228;
}
a.b-cal-prev:hover ,
a.b-cal-tomo:hover ,
a.b-cal-next:hover {
	color: yellowgreen;
}

/* .calendar-box {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 8px;
}
.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.calendar-header .cal-title {
  font-weight: bold;
}
.calendar-header a {
  text-decoration: none;
  color: #0a1228;
  font-size: 0.9em;
}
.calendar-header a:hover {
  text-decoration: underline;
  color: yellowgreen;
} */