@charset "utf-8";
body {
	 font-family: "Noto Sans Japanese", sans-serif;
	 color: #444;
}

.cal-container {
	width: 100%;
	margin:0pt;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.5;
}

.yearmonth {
	font-size:18px;
	line-height: 2;
}

.calender {
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-bottom: 25px;
}

.cal {
	width: 100%;
	table-layout:fixed;
	border-collapse:collapse;
}

/* 表タイトル行（曜日）のスタイル */
th.cal {
	background-color: #414141;
	color: #ffffff;
	text-align:center;
}

.cal th, .cal td {
	border: solid 1px #fff;
	height: 20px;
	text-align: center;
	vertical-align:middle;
}

.infomation div {
	height: auto;
	margin:1px 0 0;
	padding: 5px;
	text-align: center;
	line-height: 1.5;
}
.open-info span {
	margin:0 10px;
	padding: 5px;
	display: inline-block;
}

/* カレンダー入力*/

@media (max-width:767px) {
	body {
		font-size: 80%;
	}
	table.in th, table.in td {
		font-size: 80%;
	}
}

@media (min-width:768px) {
	.cal-set-container {
		display: flex;
	}
	.cal-set-wrapper {
		flex:1;
		padding: 0 15px;
	}
}

.current-editing-month {
	font-size:18px;
	font-weight:bold;
	color:white;
	background-color:green;
	padding: 3px;
	border-radius: 3px;
}

table.in {
	width: 100%
	table-layout:fixed;
	padding: 0px;
	margin: 0px;
	border-style:solid;
	border-color: #000000;
	border-width:1px ;
	text-align:left;
	background-color: #ffffff;
}

table.in {
	width: 100%;
	table-layout:fixed;
}
.set-button-cell {
	text-align: right;
}
table.set {
	width: 100%;
	border-spacing:1px;
	table-layout: fixed;
	background-color: #e9e9e9;
	text-align: center;
}

.set th {
	background-color: #414141;
	color: #ffffff;
	text-align:center;
}
.set-status {
	width: 64px;
}

/* 「常設展」のスタイル 　*/
.jo {
	background-color: #ccffff;
}

/* 「企画展」のスタイル 　*/
.ki {
	background-color: #ffcc00;
}

/* 「定休日」のスタイル 　*/
.te {
	background-color: #c0c0c0;
}

/* 「臨時休業」のスタイル */
.ri {
	background-color: #669999;
}

/* 本日の枠のスタイル */
td.today {
	border:solid 2px #6633CC;
}