@charset "utf-8";

/* -- 以下、カレンダー表示領域の設定 - 既存サイトに組み込む場合はここだけを修正すればOK -------------------------------------------------------------------------------- */
div#business-calendar{
	max-width : 1200px;  /* カレンダーの横幅はここで調整 */
	margin : 0 auto;  /* 既存のページに組み込む場合は、この中央寄せの設定は不要 */
	position : relative;  /* 前月・次月をクリックした際のローディング画像の位置調整のため必要 */
	line-height : 3.5;  /* 各セルの縦幅はここで調整 */
	}


/* -- 以下、カレンダーの枠などの設定 -------------------------------------------------------------------------------- */
div#business-calendar table,
div#business-calendar table tr th,
div#business-calendar table tr td{
	border-collapse : collapse;
	border : 1px solid #dcdddd;
	text-align : center;
	
}

div#business-calendar table tr th,
div#business-calendar table tr td{
	padding : 0px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	}


div#business-calendar table{
	width : 100%;
	margin-top : 40px;
	background : #ffffff;
	}


div#business-calendar table:first-child{
	margin-top : 0px;
}

div#business-calendar table th{
	
}

div#business-calendar table tr{
}

div#business-calendar table #year-month,
div#business-calendar table #year-month{
	padding : 10px 0;
}

div#business-calendar table #year-month{
	position : relative;
}

div#business-calendar table #year-month{
	width : 100%;
	overflow : hidden;
	position : absolute;
	left : 0;
	bottom : 11px;
}

div#business-calendar #year-month{
	list-style-type : none;
}

div#business-calendar #year-month li#prev{
	float : left;
	margin-left : 5px;
}

div#business-calendar #year-month li#next{
	float : right;
	margin-right : 5px;
}

div#business-calendar #year-month li a{
	font-weight : normal;
	font-size : 85%;
	color : #727171;
	text-decoration : none;
}

div#business-calendar #year-month li#prev a:before{
	display : inline-block;
	content : "<";
	line-height : 1;
	margin-right : 5px;
	position : relative;
	top : -1px;
}

div#business-calendar #year-month li#next a:after{
	display : inline-block;
	content : ">";
	line-height : 1;
	margin-left : 5px;
	position : relative;
	top : -1px;
}

div#business-calendar #year-month li a:hover{
	cursor : pointer;
	color : #106dff;
	text-decoration : underline;
}


div#business-calendar table tr td{
	
}

div#business-calendar table th.saturday,
div#business-calendar table td.saturday{
	color : #036eb8;
}

div#business-calendar table th.sunday,
div#business-calendar table td.sunday,
div#business-calendar table td.festival{
	color : #ff3535;
}

div#business-calendar table td.holiday{
	background : rgba( 233, 234, 234, 0.7 );
}


/* -- 以下、「休業日」の文字などの設定 -------------------------------------------------------------------------------- */

div#business-calendar p.holiday-string{
	display: none;
	}

div#business-calendar p.holiday-string:before{
	content : "■ ";
	color : rgba( 137, 137, 137, 1.0 );
	display: none;
	}


/* -- 以下、ローディング画像 -------------------------------------------------------------------------------- */

span.loading{
	width : 50px;
	height : 50px;
	border-radius : 50%;
	border-top : 5px solid rgba( 0, 0, 0, 0.15 );
	border-right : 5px solid rgba( 0, 0, 0, 0.15 );
	border-bottom : 5px solid rgba( 0, 0, 0, 0.15 );
	border-left : 5px solid #ffffff;
	-webkit-transform : translateZ( 0 );
	-ms-transform : translateZ( 0 );
	transform : translateZ( 0 );
	-webkit-animation : load-circle 1.0s linear infinite;
	animation : load-circle 1.0s linear infinite;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-top : -25px;
	margin-left : -25px;
}

@-webkit-keyframes load-circle{
	0%{
		-webkit-transform : rotate( 0deg );
		transform : rotate( 0deg );
	}
	100%{
		-webkit-transform : rotate( 360deg );
		transform : rotate( 360deg );
	}
}

@keyframes load-circle{
	0%{
		-webkit-transform : rotate( 0deg );
		transform : rotate( 0deg );
	}
	100%{
		-webkit-transform : rotate( 360deg );
		transform : rotate( 360deg );
	}
}








/* --responsive----------------------------------------------------------------------------------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width : 640px ){


div#business-calendar{
	width : 95%; 
	margin : 0 auto;
}


}
/* 640pixel end */