@charset "UTF-8";
/* 外枠CSS */
#calendar-area {
    padding: 1px 1px 10px 1px;
    text-align: center;
    border: #CCC solid 1px;
    color: #666;
}

#calendar-area dt {
	height:28px;
	margin-bottom:20px;
	padding-left:10px;
	background:#666;
	color:#FFF;
	font-weight:bold;
	font-size:94%;
	line-height:28px;
	text-align:left;
}

#calendar-area .ht {
	width:182px;
	margin:0 auto;
	text-align:left;
}

#calendar-area .ht p {
	margin-bottom:10px;
	font-size:75%;
	line-height:1.4em;
}

#calendar-area .ht .holiday_dest {
    padding: 0 10px 0 5px;
    display: inline;
    line-height: 20px;
    border-left: solid 30px;
    border-left-color: #F8DCDC;
}

/* APIカレンダー用のCSS */
/* カレンダー表示Div */
#mini-cal {
    width: 220px;
    font-family: system-ui;
    margin: auto;
}

/* 月毎のカレンダーDiv */
.calendar {
    width: 210px;
    margin: 9px auto;
    padding: 5px;
    border: 0.5px solid #ccc;
    background-color: #fff;
}

/* カレンダーインデックス */
.calendar p {
    font-weight: bold;
    text-align: center;
    line-height: 175%;
}

/* 曜日・日付共通 */
.calendar .day-header, .calendar .day {
    display: inline-block;
    padding: 5px;
    border: 0.5px solid #ccc;
    position: relative;
    vertical-align: top;
    font-size: small;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    box-sizing: content-box;
}

/* 曜日のみ */
.calendar .day-header {
    line-height: 15px;
    background-color: #F5F5F5;
}

/* 通常土日 */
.weekend {
    background-color: #ddd;
}

/* 休業日 */
.holiday {
    background-color: #F8DCDC;
}

/* 当日 */
.today {
    color: #339900;
    font-weight: bold;
}
