@charset "utf-8";
@import url("/css/reset.css");
/*calendar-index.css*/
body{
	font-size:14px;
	line-height:1;
	font-family:"Century Gothic", "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
}

.calendar_wrapper{
	width:100%;
	border:1px solid #ccc;
	padding:5px 2px;
	box-sizing:border-box;
	position:relative;
}

	.calendar_nav{
		width:100%;
		position:absolute;
		top:8px;
		left:0;
		z-index:2;
	}
	
		.calendar_nav ul{
			width:100%;
			display:flex;
			justify-content:space-between;
			box-sizing:border-box;
			padding:0 5px;
			font-size:0.9em;
		}
		
			.calendar_nav ul li{
				
			}
			
			.calendar_nav ul li a{
				color:#111;
				text-decoration:none;
				display:inline-block;
			}
			
			.calendar_nav ul li a.calendar_nav_prev:before{
				font-family: FontAwesome;
				content:"\f104";
				margin-right:0.25em;
			}
			
			.calendar_nav ul li a.calendar_nav_next:after{
				font-family: FontAwesome;
				content:"\f105";
				margin-left:0.25em;
			}
	
	.calendar_main{
		position:relative;
		top:0;
		left:0;
		z-index:1;
		margin-bottom:0.5em;
	}
	
		.calendar_main .lbl_ym{
			font-size:1.1em;
			text-align:center;
			margin-bottom:0.5em;
		}
		
		.calendar_main table{
			width:100%;
			table-layout:fixed;
		}
		
			.calendar_main table th,
			.calendar_main table td{
				
			}
			
			.calendar_main table thead th{
				background:#f5f5f5;
				text-align:center;
				font-size:0.9em;
				padding:0.4em 0;
			}
			
			.calendar_main table thead th:first-child,
			.calendar_main table tbody td:first-child{
				color:#ce5345;
			}
			
			.calendar_main table thead th:last-child,
			.calendar_main table tbody td:last-child{
				color:#4772e0;
			}
			
			.calendar_main table tbody td{
				text-align:center;
				padding:0.6em 0 0.8em 0;
				position:relative;
			}
			
				.calendar_main table tbody td.has_event{
					background: #cde8cf;
					cursor:pointer;
				}
				
				.calendar_main table tbody td.has_event:hover{
					background: #e4ffe6;
				}
			
				.calendar_main table tbody td .calendar_date_squares{
					display:block;
					width:100%;
					position:absolute;
					bottom:2px;
					left:0;
					text-align:left;
					box-sizing:border-box;
					padding:0 4px;
				}
				
				.calendar_main table tbody td .calendar_date_squares span{
					display: inline-block;
					width:4px;
					height:4px;
				}

				/*カレンダーのアイコン色*/
				.square_seminar{
					background:#009610;
				}
				.square_meeting{
					background:#f97d19;
				}
				.square_training{
					background:#0096c8
				}
				.square_others{
					background:#555;
				}
				
	.calendar_events_wrapper{
		padding:0 0.5em;
	}
	
		.calendar_events_wrapper ul{
			line-height:1.4;
		}
		
		.calendar_events_wrapper ul li{
			border-bottom:1px dotted #aaa;
			padding:0.5em 0;
		}
		
		.calendar_events_wrapper ul li:first-child{
			border-top:1px dotted #aaa;
		}
		
		.calendar_events_wrapper ul li:last-child{
			border-bottom:none;
		}
		
		.calendar_events_wrapper ul li a{
			color:#333;
			text-decoration:none;
		}
		
		.calendar_events_wrapper ul li a:hover{
			text-decoration:underline;
		}
		
		.calendar_events_wrapper ul li a .calendar_events_category{
			display:inline-block;
			color:#fff;
			background:#ccc;
			font-size:0.8em;
			line-height:1;
			padding:0.3em 0.5em;
			border-radius:4px;
			margin-right:0.5em;
		}
		
		.calendar_events_wrapper ul li a .calendar_events_category.seminar{
			background:#009610;
		}
		
		.calendar_events_wrapper ul li a .calendar_events_category.meeting{
			background:#f97d19;
		}
		
		.calendar_events_wrapper ul li a .calendar_events_category.training{
			background:#0096c8
		}
		
		.calendar_events_wrapper ul li a .calendar_events_category.others{
			background:#555;
		}