@charset "utf-8";

/*お知らせブロック（休業など）
---------------------------------------------------------------------------*/
.infobox {
	clear: left;
	max-width: 66.8rem;
	height: auto;
	position: relative;
	border: 1px solid #ff0000;
	background: #fff;
	padding: 5px 10px;
	margin: 10px auto;
}
.infobox h2 {
	color: #ff0000;
	text-align: center;
	background-color: #fff;
	background-image: none;	
	-webkit-box-shadow: none;
	box-shadow: none;
}






/*着付教室カレンダー
-----------------------------------------------------*/
#kitsuke_skdl {
	width: 100%;
	margin: 1.0em auto;
	overflow: hidden;
}
#kitsuke_skdl .kitsukecalbox {
	width: 24%;	/*ボックスの幅*/
	line-height: 1.0;
	display:inline-block; 
	*display:inline; 
	*zoom: 1;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
table.calendar {
	width: 95%;
	margin: 5px auto 10px;
	border-collapse: collapse;
	border-width: 0px;
	padding: 0px;
	line-height: 1.5em;
	table-layout: fixed;
}
.calendar caption {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	caption-side: top;
	font-weight: bold;
}
.calendar th {
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background: #ededed;
	font-weight: normal;
}
.calendar td {
	margin: 0px;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background: #ffffff;
	color: #000000;
	text-align: center;
}
.calendar td.holiday,th.holiday {
	color: red;
}
.calendar td.sut,th.sut {
	color: blue;
}
.calendar td.closed {
	background: #cccccc;
}
.calendar td.event {
	background: #ffff00;
}
@media (min-width:481px) and (max-width:834px){
#kitsuke_skdl .kitsukecalbox {
	width: 49%;	/*ボックスの幅*/
}
}
@media (max-width : 480px){
#kitsuke_skdl .kitsukecalbox {
	width: 100%;	/*ボックスの幅*/
}
table.calendar {
	width: 80%;
}
}