@charset "Shift_JIS";

.calendar{
	font-size: 11pt;
	color: #666666;
	background-color: #cccccc;
	border-collapse: collapse;
	empty-cells: hide;
	border-spacing: 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.calendar .caption{
	  
	width: 180px;
	text-align:center;
	color: #ffffff;
	background-color: #252525
}

.calendar td{
    
	width: 20px;
	height: 18px;
	text-align: center;
	color: #666666;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
}

.calendar td.top-1{
	  
	background-color: #323232;
	color: #ffffff;
}

.calendar td.top-sun{
	  
	background-color: #ff3300;
	opacity: 0.8;
	color: #ffffff;
}

.calendar td.top-sat{
	  
	background-color: #65b2ff;
	color: #ffffff;
}

.calendar td.off{
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
}

.calendar td.event{
	background-color: #ff6633;
	color: #ffffff;
}
.calendar td.off a{
	color: #ffffff;
}

.calendar td.off a hover{
	color: #ffffff;
}

/*calendar（カレンダーブロック）
---------------------------------------------------------------------------*/

.parent {
  display: flex;
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center;     /* 垂直方向の中央揃え */
	gap: 20px;
/* height: 100vh;*/ /* 親要素の高さを確保（例） */
}
.parent calendar {
  /* 画像は特別な設定不要 */
}

/*
.box_calendar{
	width: 410px;
	display: flex;
	justify-content: space-between; /* 両端に寄せて間を空ける */
/*
  flex-wrap: nowrap;
	gap: 15px;
*/
}

.div_calendar{
	width: 200px;
	height: 230px;
	margin: 0px;
/*  background-color: #66b6d5;*/
}