@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : event.css
 author     : Ability Consultant
 style info : イベントカレンダー
=================================================================== */
.con_calendar {
	max-width: 1140px;
	margin: auto;
}

@media only screen and (max-width: 1140px) {
	.con_calendar {
		width: 95%;
	}
}

.con_calendar:after, .con_calendar .wrp_month .con_month_nav:after {
	content: "";
	display: table;
	clear: both;
}

#bg_page {
	background-image: url(../event/images/bg_title-pc.jpg);
}

@media only screen and (max-width: 767px) {
	#bg_page {
		background-image: url(../event/images/bg_title-sp.jpg);
	}
}

/*----------------------------------------------------
	.con_calendar　 カレンダー
----------------------------------------------------*/
.con_calendar {
	margin-bottom: 5em;
}

@media only screen and (max-width: 767px) {
	.con_calendar {
		margin-bottom: 3em;
	}
}

.con_calendar h3 {
	text-align: left;
	color: #2b130c;
	margin-bottom: 1em;
}

.con_calendar h3 span {
	font-family: "Hannari", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: normal;
	font-size: 236%;
	display: inline-block;
	position: relative;
	line-height: 1;
	padding-left: 0.75em;
}

.con_calendar h3 span:before {
	content: '';
	background: url(../images/common/ic_dot.png) no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0.5em;
	left: 5px;
}

.con_calendar h3 span {
	color: #cc0000;
}

.con_calendar .txt_calendar {
	text-align: center;
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.con_calendar .txt_calendar {
		text-align: left;
	}
}

.con_calendar .category {
	text-align: center;
	margin-bottom: 80px;
}

.con_calendar .category span {
	display: inline-block;
	padding: 5px 25px;
	font-size: 93%;
}

.con_calendar .category span.room {
	background: #FFFFB5;
}

.con_calendar .category span.yaeyama {
	background: #d3ecff;
	margin-left: 2px;
}

.con_calendar .wrp_month.wrp_this_month {
	margin: 3em 0 5em 0;
}

.con_calendar .wrp_month .txt {
	margin-top: 1em;
}

.con_calendar .wrp_month .con_month_nav {
	position: relative;
	margin-bottom: 30px;
}

.con_calendar .wrp_month .con_month_nav .this_month {
	position: absolute;
	width: 200px;
	left: 50%;
	top: -25px;
	margin-left: -100px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.con_calendar .wrp_month .con_month_nav .this_month {
		top: -2px;
	}
}

.con_calendar .wrp_month .con_month_nav .this_month .month {
	color: #2c130c;
	font-size: 358%;
	line-height: 1.1;
}

@media only screen and (max-width: 767px) {
	.con_calendar .wrp_month .con_month_nav .this_month .month {
		font-size: 215%;
	}
}

.con_calendar .wrp_month .con_month_nav .this_month .english {
	font-size: 115%;
}

.con_calendar .wrp_month .con_month_nav .this_month .english:before {
	content: "-";
	margin-right: 0.5em;
}

.con_calendar .wrp_month .con_month_nav .this_month .english:after {
	content: "-";
	margin-left: 0.5em;
}

@media only screen and (max-width: 767px) {
	.con_calendar .wrp_month .con_month_nav .this_month .english {
		font-size: 100%;
	}
}

.con_calendar .wrp_month .con_month_nav .prev_month, .con_calendar .wrp_month .con_month_nav .next_month {
	max-width: 200px;
}

.con_calendar .wrp_month .con_month_nav .next_month {
	float: right;
}

.con_calendar .wrp_month .con_month_nav .next_month .btn_next a {
	font-size: 108%;
	display: inline-block;
	text-align: center;
	border: 3px solid #d3bfb9;
	background: #fff;
	padding: 10px;
	text-decoration: none !important;
	color: #3c2b26;
	min-width: 274px;
	position: relative;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	min-width: 150px !important;
}

.con_calendar .wrp_month .con_month_nav .next_month .btn_next a:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translateX(-50%);
	background: #2b130c;
	width: 38px;
	height: 3px;
	z-index: 2;
}

.con_calendar .wrp_month .con_month_nav .next_month .btn_next a:hover {
	color: #3c2b26 !important;
	background: #d3bfb9;
}

@media only screen and (max-width: 767px) {
	.con_calendar .wrp_month .con_month_nav .next_month .btn_next a {
		min-width: 75px !important;
	}
}

.con_calendar .wrp_month .con_month_nav .next_month .btn_next a span {
	padding-right: 1em;
}

.con_calendar .wrp_month .con_month_nav .next_month .btn_next a span:before {
	content: "\f105";
	display: block;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: FontAwesome;
}

.con_calendar .wrp_month .con_month_nav .prev_month {
	float: left;
}

.con_calendar .wrp_month .con_month_nav .prev_month .btn_prev a {
	font-size: 108%;
	display: inline-block;
	text-align: center;
	border: 3px solid #d3bfb9;
	background: #fff;
	padding: 10px;
	text-decoration: none !important;
	color: #3c2b26;
	min-width: 274px;
	position: relative;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	min-width: 150px !important;
}

.con_calendar .wrp_month .con_month_nav .prev_month .btn_prev a:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translateX(-50%);
	background: #2b130c;
	width: 38px;
	height: 3px;
	z-index: 2;
}

.con_calendar .wrp_month .con_month_nav .prev_month .btn_prev a:hover {
	color: #3c2b26 !important;
	background: #d3bfb9;
}

@media only screen and (max-width: 767px) {
	.con_calendar .wrp_month .con_month_nav .prev_month .btn_prev a {
		min-width: 75px !important;
	}
}

.con_calendar .wrp_month .con_month_nav .prev_month .btn_prev a span {
	padding-left: 1em;
}

.con_calendar .wrp_month .con_month_nav .prev_month .btn_prev a span:before {
	content: "\f104";
	display: block;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	left: 10px;
	font-family: FontAwesome;
}

.con_calendar h4 {
	text-align: left;
	color: #2b130c;
}

.con_calendar h4 span {
	font-family: "Hannari", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: normal;
	font-size: 236%;
	display: inline-block;
	position: relative;
	line-height: 1;
	padding-left: 0.75em;
}

.con_calendar h4 span:before {
	content: '';
	background: url(../images/common/ic_dot.png) no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0.5em;
	left: 5px;
}

/*
.eventcalendar	イベントカレンダー
----------------------------------------------------*/
.eventcalendar {
	border-collapse: collapse;
	font-size: 90%;
	width: 100%;
	border: 1px solid #d3bfb9;
	border-bottom: none;
}

.eventcalendar th, .eventcalendar td {
	width: 14.285%;
	border: 1px solid #d3bfb9;
	border-top: none;
	text-align: left;
	vertical-align: top;
}

@media only screen and (max-width: 767px) {
	.eventcalendar th, .eventcalendar td {
		float: left;
		width: 100% !important;
		border: none;
		display: table;
	}
}

.eventcalendar th {
	padding: 2px 0;
	font-weight: normal;
	font-size: 130%;
	text-align: center;
}

.eventcalendar th.saturday {
	color: #61c2d4;
}

.eventcalendar th.sunday {
	color: #c42733;
}

@media only screen and (max-width: 767px) {
	.eventcalendar th {
		display: none;
	}
}

.eventcalendar td {
	background: #fff;
	font-size: 110%;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td {
		font-size: 100%;
		border-bottom: 1px solid #ccc;
	}
}

@media only screen and (max-width: 767px) {
	.eventcalendar td.top {
		border-top: 1px solid #ccc;
	}
}

.eventcalendar td.past {
	background: #F5F5F3;
}

.eventcalendar td.past .detail .st_event:before {
	color: #7d7b6e;
}

.eventcalendar td.past .detail .st_event a {
	color: #7d7b6e;
	text-decoration: none;
}

.eventcalendar td.day_none {
	background: #F5F5F3;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td.day_none {
		display: none;
	}
}

.eventcalendar td.saturday .date {
	color: #61c2d4;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td.saturday .detail {
		background: #dff3f6;
	}
}

.eventcalendar td.sunday .date {
	color: #c42733;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td.sunday .detail {
		background: #f3d4d6;
	}
}

@media only screen and (max-width: 767px) {
	.eventcalendar td .date {
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		border-right: 1px solid #ccc;
		width: 60px;
	}
}

.eventcalendar td .date p {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	font-size: 115%;
	font-weight: normal;
	padding: 0.4em 0.4em 0;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td .date p {
		padding: 0;
		border: none;
	}
}

@media only screen and (max-width: 767px) {
	.eventcalendar td .detail {
		display: table-cell;
		vertical-align: middle;
	}
}

.eventcalendar td .detail .line1 {
	background: #f19c9c;
	height: 7px;
	margin: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td .detail .line1 {
		display: none;
	}
}

.eventcalendar td .detail .line2 {
	background: #a9c9e2;
	height: 7px;
	margin: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td .detail .line2 {
		display: none;
	}
}

.eventcalendar td .detail .line3 {
	background: #8bd9c0;
	height: 7px;
	margin: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td .detail .line3 {
		display: none;
	}
}

.eventcalendar td .detail .line4 {
	background: #f3ad6b;
	height: 7px;
	margin: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td .detail .line4 {
		display: none;
	}
}

.eventcalendar td .detail .line5 {
	background: #e2b5e5;
	height: 7px;
	margin: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
	.eventcalendar td .detail .line5 {
		display: none;
	}
}

.eventcalendar td .detail .st_event {
	width: 85%;
	margin: 0 auto 5px;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #666;
}

.eventcalendar td .detail .st_event.last {
	border-bottom: none;
}

.eventcalendar td .detail .st_event span {
	font-weight: bold;
	color: #cc0000;
	display: block;
	font-size: 86%;
}

/*# sourceMappingURL=../maps/event.css.map */