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

/* 共通のスタイル */
#status-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
    border: 2px solid; /* 枠線を追加 */
}

/* 開館中のスタイル */
.status-open {
    /*color: #28a745;*/ /* 文字色を緑に */
	color: #333;
    font-weight: bold;
	background-color: #80cbff;
	padding:0.1em 0.6em;
	border-radius: 30px;
}
.status-open-container {
    border-color: #28a745; /* 枠線を緑に */
    background-color: #e8f5e9; /* 背景色を薄い緑に */
}

/* 休館中のスタイル */
.status-closed {
    /*color: #dc3545;*/ /* 文字色を赤に */
	color:#fff;
    font-weight: bold;
    background-color: rgba(253,104,91,1);
	padding:0.1em 0.6em;
	border-radius: 30px;
}
.status-closed-container {
    border-color: #dc3545; /* 枠線を赤に */
    background-color: #fcebeb; /* 背景色を薄い赤に */
}

/* その他のスタイル */
.message {
    margin-top: 10px;
	display: none;
}


/*#museum-status {
	display: block;
	background-color: #80cbff;
	color: #333;
	padding:0.1em 0.6em;
	border-radius: 30px;
}*/

#status-message {
}