@charset "UTF-8";
@import url("/css/initialize.css");
@import url("/css/general.css");
@import url("/css/parts.css");
@import url("/css/margin.css");

.red-box {
	border: 1px solid #e51118;
	color: #e51118;
	padding: 10px;
	margin: 20px 0 40px;
	text-align: center;
	font-size: 108.71%;
	line-height: 1.5;
}
/* --------------------------------
	calendar-title
-------------------------------- */
.calendar-title {
	font-size: 168.71%;
	text-align: center;
	margin: 20px 0 0px;
	padding-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
/* --------------------------------
	calendar
-------------------------------- */
#calendar-block li {
	padding: 20px 0;
}
#calendar-block li:first-child {
	padding: 0px;
}
#calendar-block li.color {
	background-color: #fef8f8;
}
.calendar-small {
	font-size: 80%;
}
#calendar-block .content-title {
	font-size: 186.71%;
}
#calendar-block table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
	margin: 5px 0;
}
#calendar-block table th {
	width: 12%;
	padding: 8px 0;
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #e5e5e5;
	vertical-align: middle;
	text-align: center;
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";
}
#calendar-block table th.sun {
	background-color: #e60012;
	color: #fff;
}
#calendar-block table th.sat {
	background-color: #0068b7;
	color: #fff;
}
#calendar-block table span {
	display: block;
	font-size: 90%;
	color: #666;
	margin-top: 5px;
}
#calendar-block table span.color-blue {
	color: #0000ff;
	font-weight: 700;
}
#calendar-block table span.color-red {
	color: #ff0000;
	font-weight: 700;
}
#calendar-block table td.cheap {
	background-color: #febcbd;
}
#calendar-block table td {
	padding: 8px 0;
	/*background-color: #fff;*/
	vertical-align: middle;
	text-align: center;
}
#calendar-block p {
	font-size: 126.71%;
}
#calendar-block span.cheap {
	color: #febcbd;
}
#calendar-desc { margin-bottom: 40px; }
#calendar-desc li {
	color: #666;
	line-height: 1.5;
}
.off-size {
	color: #0000ff !important;
}

/* PC SIZE */
@media screen and (min-width: 980px){
	/* --------------------------------
		calendar
	-------------------------------- */
	#calendar-block {
		padding: 0 0 20px;
	}
}
/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
	.sp-left {
		text-align: left;
	}
	.off-size {
		font-size: 82.74% !important;
		color: #0000ff !important;
	}
}
@media screen and (max-width: 480px){
}