@charset "UTF-8";

div#contents {
	margin: 200px 0 0;
}

#contents .con_intro,
#con_calendar {
	max-width: 1150px;
	margin: 0 auto;
}

#contents .con_intro:after {
	content: "";
	display: table;
	clear: both;
}

/* ===================================================================
CSS information

 file name  :copy.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	.con_intro
-----------------------------------------------------------*/
#contents .con_intro {
	clear: both;
}

/*-----------------------------------------------------------
	#con_calendar
-----------------------------------------------------------*/
#con_calendar {
	margin-top: 50px;
}

#con_calendar #box_calendar .txt {
	float: left;
}

#con_calendar #box_calendar .mark {
	float: right;
	padding: 5px 10px 5px 10px;
	background-color: #E8E8E8;
}

#con_calendar #box_calendar .circle {
	color: #D34600;
}

#con_calendar #box_calendar .tri {
	color: #335c85;
}

#con_calendar #box_calendar #calendar_month {
	position: relative;
	padding: 15px 0 15px 0;
	border-top: 2px solid #F2F2F2;
	border-bottom: 2px solid #F2F2F2;
	margin: 20px 0 20px 0;
}

#con_calendar #box_calendar #calendar_month h2.month {
	text-align: center;
}

#con_calendar #box_calendar #calendar_month p.calendar_l {
	position: absolute;
	top: 15px;
	left: 0;
	width: 7.5em;
	padding: 3px;
	background-color: #112E43;
	color: #FFF;
}

#con_calendar #box_calendar #calendar_month p.calendar_l a {
	color: #FFF;
	text-decoration: none;
}

#con_calendar #box_calendar #calendar_month p.calendar_l a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	border: 4px solid transparent;
	border-right-color: #fff;
	margin-right: .5em;
}

#con_calendar #box_calendar #calendar_month p.calendar_r {
	position: absolute;
	top: 15px;
	right: 0;
	width: 7.5em;
	padding: 3px;
	background-color: #112E43;
	color: #FFF;
}

#con_calendar #box_calendar #calendar_month p.calendar_r a {
	color: #FFF;
	text-decoration: none;
}

#con_calendar #box_calendar #calendar_month p.calendar_r a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	border: 4px solid transparent;
	border-left-color: #fff;
	margin-left: .5em;
}

#con_calendar #box_calendar table {
	clear: both;
	width: 100%;
	margin-top: 15px;
}

#con_calendar #box_calendar table th {
	width: 250px;
	background: #EFEFEF;
	border: 1px solid #BCBCBC;
	font-weight: normal;
	padding: 5px;
}

#con_calendar #box_calendar table th.room_type {
	background: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

#con_calendar #box_calendar table td {
	text-align: center;
	border: 1px solid #BCBCBC;
	width: 25px;
}

#con_calendar #box_calendar table td.border_none {
	text-align: center;
	border-top: none;
	border-bottom: none;
}

#con_calendar #box_calendar table td.num {
	color: #335c85;
}

#con_calendar #box_calendar table td.tri {
	color: #335c85;
}

#con_calendar #box_calendar table td.sat {
	background-color: #E1E9EF;
}

#con_calendar #box_calendar table td.sun {
	background-color: #EEE2DF;
}

#con_calendar #box_calendar table a {
	width: 930px;
	clear: both;
	overflow: hidden;
	color: #505050;
	margin-top: 15px;
	font-size: 120%;
}

#con_calendar #box_calendar table a.circle {
	color: #D34600;
}

@media only screen and (max-width: 767px) {
	.sp_calendar {
		width: 90%;
		margin: 0 auto;
		/* padding: 1%; */
		overflow-x: scroll;
	}

	#con_calendar #box_calendar table {
		width: 960px;
	}
}