/* CSS Document */
/* body {
	display: block;
	height: 100%;
	min-height: 100%;
	padding-bottom: 100px;
	min-height: 500% !important;
}

main {
	min-height: 500px;
	padding-top: 24px;
	padding-bottom: 32px;
	background-color: #FFF;
} */

html, body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* 画面の高さを最低限確保 */
}

main {
    flex-grow: 1;
	min-height: 500px;
	padding-top: 24px;
	padding-bottom: 32px;
	background-color: #FFF;
    padding-bottom: 20px; /* フッターと少し余白を作る */
}

footer {
    background-color: #f8f9fa; /* Bootstrapのbg-lightと同じ色 */
    padding: 10px 0;
}


/*
最大横幅は900pxに指定
*/
.container{
	max-width: 900px;
}

.small_title{
	font-size:small;
	color: #8E8E93;
}

.small_text{
	font-size:small;
}

/*
pager active
*/
.page-item.active .page-link
{
	background-color: black;
}


.saturday a.ui-state-default {
	background-color: #c1e4e9;
	color: blue;
}

.sunday a.ui-state-default,
.holiday a.ui-state-default {
	background-color: #ffc0cb;
	color: red;
}

.demo_title {
	left:-8px;
	position:relative;
 }