@charset "UTF-8";
/* CSS Document */

body {
background-color: #f8f9fa;
}
.login-container {
max-width: 400px;
margin: 80px auto;
}
.card {
padding: 20px;
border-radius: 10px;
}
.logo {
display: block;
margin: 0 auto 20px;
max-width: 150px;
}
.footer {
text-align: center;
margin-top: 20px;
font-size: 0.9em;
color: #6c757d;
}

.btn-color{
background-color: #0a50ae;	
}


.txt-colorblue{
color: #0a50ae;	
}
a.txt-colorblue{
color: #0a50ae;	
}

.menu-colorblue{
color: #0a50ae;
text-decoration: none;
}
a.menu-colorblue{
color: #0a50ae;	
text-decoration: none;
}



.sidebar {
width: 250px;
height: 100vh;
position: fixed;
background: white;
padding-top: 20px;
border-right: 1px solid #ddd;
}
.sidebar a {
display: block;
padding: 10px 20px;
color: #333;
text-decoration: none;
}
.sidebar a:hover {
background: #0a50ae;
color: white;
}
.content {
margin-left: 260px;
padding: 20px;
}
.card {
border: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.top-bar {
background: white;
padding: 10px 20px;
border-bottom: 1px solid #ddd;
}
.logout-btn {
color: #007bff;
text-decoration: none;
}
.logout-btn:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.sidebar {
display: none;
}
.content {
margin-left: 0;
}
}
/* ヘッダーとコンテンツ間のマージン調整 */
.header-margin {
margin-top: 70px;
}

.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
gap: 20px;
}
.grid-item {
background: white;
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: transform 0.4s;
text-decoration: none;
color:#0a50ae;
}
.grid-item:hover {
transform: scale(1.05);
background: #0a50ae;
color: white;
text-decoration: none;
}
.grid-item i {
font-size: 40px;
margin-bottom: 10px;
}





.page_title {
    position: relative;
    padding: 0.5rem 0 1rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    color: #333333;
}
.page_title::before {
    position: absolute;
    border-bottom: 2px solid #0a50ae;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    content: '';
}


.calendar-table{
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color:#7e7b7c;
}
.calendar-table h4{
    font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	color: #FFF;	
}
table#date {
	width: 98%;
	background-color:#b4b4b4;
}

table#date td.dayname{
	text-align: center;
	height:35px;
	font-size: 14px;
	line-height: 35px;
	color: #FFF;
}
table#date td{
	border: 1px #efefef solid;
	text-align: center;
	height:40px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	vertical-align:top;
}

table#date td a{
	display:block;
    width:100%;
     height:100%;
}

table#date td.nodate {
	background: #FFF;
}
table#date td.busy {
	background-repeat: no-repeat;
	background-image: url(images/car_info/calendar-celbg-busy.png);
	background-color: #ff7363;
	background-position: center bottom;
}
table#date td.closed {
	background-repeat: no-repeat;
	background-image: url(images/car_info/calendar-celbg-closed.png);
	background-color: #3861d6;
	background-position: center bottom;
}
table#date td.passed {
	background: #CCC;
}
table#date td.sunday {
	background: #FFEBFF;
}

table#date td.saturday {
	background: #DAEEFF;
}

table#date td.week {
	background: #FFF;
}

table.condition{
	text-align: center;
	margin: 0px auto 5px auto;
	padding: 0px;
	width: 90%;
	border: none;
}

@media (max-width: 767px) {
table.condition{
	text-align: center;
	margin: 0px auto 5px auto;
	padding: 0px;
	width: 80%;
	border: none;
}
table.condition img{
	margin: 0px auto 5px auto;
	width: 80%;
}
	}

table#date td.passed table.condition tr td{
	text-align: center;
	border: none;
	font-size: 10px;
	color: #666;
}
table#date td.sunday table.condition tr td{
	text-align: center;
	border: none;
	font-size: 10px;
	color: #666;
}
table#date td.saturday table.condition tr td{
	text-align: center;
	border: none;
	font-size: 10px;
	color: #666;
}
table#date td.week table.condition tr td{
	text-align: center;
	border: none;
	font-size: 10px;
	color: #666;
}