@charset "utf-8";

/*---------------------------------
	        Base CSS 
---------------------------------*/

/*レイアウト*/
#calendar1 {
	float: left;
	width: 48%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(50% - 5px);/*Chrome19~25対応*/
	width: -moz-calc(50% - 5px);/*Firefox4~15対応*/
	width: calc(50% - 5px);
}
#calendar2 {
	float: right;
	width: 48%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(50% - 5px);/*Chrome19~25対応*/
	width: -moz-calc(50% - 5px);/*Firefox4~15対応*/
	width: calc(50% - 5px);
}

.calendar_data table {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid #55a90d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
table tbody th {
	font-size: 1.4em;
	background: #eefce1;
	padding: 0.5em;
	border-right: 1px solid #55a90d;
	border-bottom: 1px dotted #5b2511;
}
.calendar_data table th.calendarHeader {
	background: #55a90d;
	padding: 0.5em;
	font: normal 1.8em 'Comfortaa', cursive;
	color: #FFF;
	border-bottom: none;
}
.calendar_data table th.calendarHeader a {
	display: none;
}
.calendar_data table td {
	font-size: 1.4em;
	color: #55a90d;
	padding: 0.3em 0.5em;
	border-right: 1px solid #55a90d;
	border-bottom: 1px dotted #55a90d;
	text-align: right;
	vertical-align: top;
	font-weight: lighter;
	height: 3.7em;
}
.calendar_data table td div {
	text-align: center;
	font-weight: bold;
	color: #55a90d;
	margin: 0px -5px;
	font-size: 10px;
}
.calendar_data table td div.scheduleComment {
}
.calendar_data table .days td {
	color: #5b2511;
	padding: 0.3em 0.5em 0;
	border-right: 1px solid #55a90d;
	border-bottom: none;
	text-align: right;
	font-weight: normal;
}
.calendar_data table th:last-child.calendarHeader,
.calendar_data table th:last-child,
.calendar_data table td:last-child {
	border-right: none;
}
.calendar_data table tr:last-child td {
	border-bottom: none;
}




/*土曜の文字色*/
.youbi_6{
	color:#36F!important;
}
/*祝日と日曜の文字色*/
.youbi_0,.shukujitu{
	color:red!important;
}
/*本日の背景色　※ただし設定ファイルでの設定が優先されます*/
.today{
	background:#FF9;	
}
/*休業日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.holiday{
	background:#FDD;	
}
/*定休日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.closed{
	background:#FDD;	
}
.hidden{
	display:none;	
}
/*休業日テキスト部の左側の四角*/
.holidayCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
/*定休日テキスト部の左側の四角*/
.closedCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
/*---------------------------------
	 ▼index.php Calendar style▼ 
---------------------------------*/
#calendarTable{
}

/* if ListStyle */
#calendarList li{
	border-bottom:1px solid #999;
	padding:5px;
}
#calendarList li.first-child{
	border-top:1px solid #999;
}
#calendarList .scheduleComment{
	text-align:left;
	color:#555;
	font-size:10px;
}
#calendarList .schedulePulldownList{
	text-align:left;
	color:#555;
	font-size:10px;
}
table.navNextPrev {
	width:100%;
}
table.navNextPrev .dspPrev{
	text-align:left;	
	padding:10px;
}
table.navNextPrev .dspNext{
	text-align:right;
	padding:10px;
}
h2#headerYm{
	background:#666;
	color:#fff;
	text-align:center;
	padding:5px ;
	font-size:110%;
	font-weight:normal;
}

/* /if ListStyle */

/*---------------------------------
	 ▲index.php style▲ 
---------------------------------*/



@media screen and (max-width: 1199px) {
.calendar_data table th.calendarHeader {
	padding: 0.5em;
	font-size: 1.6em;
}
table tbody th {
	font-size: 1.2em;
	padding: 0.5em 0;
}
.calendar_data table td {
	font-size: 1.2em;
	padding: 0.3em;
}
}
@media screen and (max-width: 767px) {
.calendar_data table th.calendarHeader {
	padding: 0.5em;
	font-size: 1.4em;
}
}
@media screen and (max-width: 540px) {
#calendar1 {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
#calendar2 {
	float: none;
	width: 100%;
}
table tbody th {
	padding: 0.5em 0;
}
.calendar_data table td {
	padding: 0.3em;
	height: 3em;
}
.calendar_data table td div.schedulePulldownList {
	padding: 0em;
	line-height: 1;
}
}