@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: yokoyama togei
	Author: Yamazen Communications co.,ltd.
	Comment: calendar page style
	Since2011.12
----------------------------------------------------------- */
	
/*Index
	1.common
	2.structure
	3.header
	4.calendar
	5.calendar unit
	
----------------------------------------------------------- */


/* 1.common
----------------------------------------------------------- */

/* link color */
a:visited,
a:link,
a:active  {color:#993300}
a:hover   {color:#993300;text-decoration: underline}
.small    {line-height: 14px}
select {background-color: #ffffff; color: #000000}







/* 2.structure
----------------------------------------------------------- */



/* 3.calendar
----------------------------------------------------------- */

div#calendar{
	margin:0 auto 30px;
}


div#calendar p{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px #f2cba8 solid;
}


div#calendar p strong{
	font-size:133.33%;
	font-weight:bold;
}

div#calendar p span.bold{
	font-weight:bold;
}

.red{color:#ff0000;}
.blue{color:#0000ff;}
.brown{color:#974f28;}
.green{color:#008000;}




div#calendar .banner{
	margin: 30px 0 0;
	padding: 0 10px;
	text-align: center;
}


/* calendar */
#calendar-wrap{
	letter-spacing: -0.4em;
	text-align: left;
	overflow: hidden;
}
#calendar-wrap li{
	display: inline-block;
	width: calc(33.333% - 20px);
	margin: 0 30px 30px 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#calendar-wrap li:nth-child(3n){
	margin-right:0;
}
.calendar{width:100%;}
@media only screen and (max-width: 1024px){
	#calendar-wrap li{
		width: calc(50% - 15px);
	}
	#calendar-wrap li:nth-child(3n){
		margin-right:30px;
	}
	#calendar-wrap li:nth-child(2n){
		margin-right:0;
	}
}
@media only screen and (max-width: 780px){
	#calendar-wrap li{
		width: 100%;
		display: block;
		width: auto;
		margin-right:0!important;
		padding: 0 ;
	}
	#calendar-wrap table.calendar{
		width: 100%;
	}
}

.calendar{
	margin: 0 auto;
	vertical-align:top;
	text-align:center;
	border-top:1px #cccccc solid;
	border-right:1px #cccccc solid;
	/*background:#ffffff url(../../../hp/reservation/img/bk_calendar.gif) repeat-y center top;
	background-image:url(../../../hp/reservation/img/bk_calendarie.gif)\9;/* IE8 and below */
	zoom:1;
}



/* 4.calendar unit
----------------------------------------------------------- */
table.calendar th,
table.calendar td{
	margin:0;
	padding:3px 0;
	font-size:14px;
	text-align:center;
	line-height:1.5;
	border-left:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	background: #fff;
}

table.calendar th.month{
	background:#85543f;
}
table.calendar th.month span{
	_display:inline-block;
	_display:inline;
	_width:200px;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	_white-space:nowrap;
	_zoom:1;
}


/* status class */
table.calendar th.saturday,
table.calendar td.saturday,
table.calendar td:nth-child(6n+1){background-color:#e8e8ff;}
table.calendar th.holiday,
table.calendar td.holiday,
table.calendar td:nth-child(7n+1){background-color:#fce2e2;}


table.calendar td.holiday_yokoyama{
	color:#ffffff;
	font-weight:bold;
	background-color:red;
}
#calendar-wrap {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #F2CBA8;
}