/* junCalendar.css */

/* 基本設定 */
.junCalendarFrame { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.junCalendarFrame { margin: 0 auto; }
.junCalendar h1.caption { color: #999999; background: #e0e0e0; text-align: center; padding: 0; margin: auto; font-weight: bold; font-size: 1em; border: none; }
.junCalendar ul { list-style-type: none; display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; margin: 0; padding: 0; }
.junCalendar li { border: #f0f0f0 1px solid; font-weight: normal; text-align: center; margin: 0; padding: 0; }

/* 曜日の見出し設定 */
.junCalendar ul.caption li { text-align: center; padding: 1px 2px; border: #eee 1px solid; background-color: #f0f0f0;}
.junCalendar li.sun { color: #ff0000; }
.junCalendar li.sat { color: #0000ff; }

/* １日の開始曜日位置 */
.junCalendar li.begin_sun { grid-column-start: 1; }
.junCalendar li.begin_mon { grid-column-start: 2; }
.junCalendar li.begin_tue { grid-column-start: 3; }
.junCalendar li.begin_wed { grid-column-start: 4; }
.junCalendar li.begin_thu { grid-column-start: 5; }
.junCalendar li.begin_fri { grid-column-start: 6; }
.junCalendar li.begin_sat { grid-column-start: 7; }

/* 日付の色 */
.junCalendar li { color: #000; }
.junCalendar li.today {
	border-color: #888888;
	font-weight: bold;
}
.junCalendar li.hol { color: #f00000; }
.junCalendar li.shol { color: #ff6600; } /* マイナスの日付(特別休暇？) */