/*--------- xo-event css ---------*/

.sidebar01 {
	width: 300px;
	float: left;
}

.xo-event_content {
	width: 645px;
	float: right;
}
.xo-event_col01 {
	border: 2px solid #ff7575;
	border-radius: 5px;
	margin: 0 0 20px;
}
.xo-event_meta {
	color: #fff;
	font-size: 16px;
	line-height: 1.8em;
	background: #ff7575;
	padding: 6px 16px;
	margin: 0;
}
.xo-event_content h2 {
	color: #fff;
	font-size: 16px;
	line-height: 1.8em;
	padding: 10px 17px;
	margin: 0 0 1em;
	background: #cc0000;
}
.xo-event_content h2 a {
	color: #fff;
}
.xo-event_body {
	width: 350px;
	padding: 6px 16px;
	float: left;
	overflow: hidden;
}
.xo-event_content h3 {
	color: #cc0000;
	font-size: 14px;
}
.xo-event_data {
	padding: 0 0 1em 1em;
	margin: 0 0 1.5em;
	border: 1px dashed #ccc;
	border-width: 0 0 1px;
}
.xo-event_access {
}
.xo-event_access iframe {
	width: 350px !important
}

figure.xo-event_image {
	width: 230px;
	float: right;
	padding: 0 15px 0 0;
	margin: 0 0 20px;
}
figure.xo-event_image img {
	width: 230px;
	height: auto;
}


/*--------- calender css overwhite ---------*/

.before:before,
.before:after {
/*	content: '開催前';*/
}
.now:before,
.now:after {
/*	content: '開催中';*/
}
.close {
/*	display: none;*/
}
.close:before,
.close:after {
/*	content: '終了';*/
}

/* Calendar */
.xo-event-calendar table {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	color: #333;
}
.xo-event-calendar th,
.xo-event-calendar td {
	padding: 0;
}

.xo-event-calendar {
	position: relative;
}
.xo-event-calendar .xo-month {
	position: relative;
}
.xo-event-calendar .loading-animation {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
}
.loading .xo-month {
	opacity: 0.5;
}

.xo-event-calendar table.xo-month {
	margin: 0 0 70px 0;
	padding: 0 0 ;
	border: 1px solid #a57d6b;
	border-width: 1px 0 1px 1px;
	position: relative;
}
.xo-event-calendar table.xo-month th,
.xo-event-calendar table.xo-month td {
	padding: 0;
	border: 1px solid #a57d6b;
}

.xo-event-calendar table.xo-month > caption {
	color: #fff;
	background-color: #674500;
}
.xo-event-calendar table.xo-month .month-header {
	margin: 2px 0 0;
	position: static;
}
.xo-event-calendar table.xo-month .month-header > span {
	display: block;
	text-align: center;
	font-size: 120%;
	vertical-align: bottom;
	line-height: 28px;
}
.xo-event-calendar table.xo-month button {
	margin: 0;
	padding: 0;
	color: #333;
	background-color: transparent;
	border: 0;
	box-shadow: none;
	text-shadow: none;
	cursor: pointer;
}
.xo-event-calendar table.xo-month button[disabled] {
	opacity: 0.3;
	cursor: default;
}
.xo-event-calendar table.xo-month button > span {
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 22px;
	text-align: center;
	display: none;
}
.xo-event-calendar table.xo-month .month-prev {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.xo-event-calendar table.xo-month .month-next {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.xo-event-calendar table.xo-month #month-header_switch_area {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
}
.xo-event-calendar table.xo-month ul.switching {
	text-align: center;
}
.xo-event-calendar table.xo-month ul.switching li {
	width: 70px;
	display: inline-block;
}
.xo-event-calendar table.xo-month ul.switching li a {
	display: block;
	color: #fff;
	background: #ff9000;
	border-radius: 3px;
	padding: 2px 3px;
	position: static;
	margin: 0 2px;
}
.xo-event-calendar table.xo-month ul.switching li a.month-prev {
	padding: 2px 3px 2px 9px;
	background: #0093d8 url(../icon/icon_left.png) 5px center no-repeat;
	background-size: 9px auto;
}
.xo-event-calendar table.xo-month ul.switching li a.month-next {
	padding: 2px 9px 2px 3px;
	background: #ff6060 url(../icon/icon_right.png) right 5px center no-repeat;
	background-size: 9px auto;
}



.xo-event-calendar table.xo-month > thead th {
	border-width: 0 1px 0 0;
	padding: 4px 0;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	background: #674500;
	color: #fff;
}
.xo-event-calendar table.xo-month > thead th.sunday {
	color: #fff;
	background: #cd0000;
}
.xo-event-calendar table.xo-month > thead th.saturday {
	color: #fff;
	background: #003b85;
}

.xo-event-calendar table.xo-month .month-week {
	position: relative;
	padding: 0;
	border: 0;
	width: 100%;
	overflow: hidden;
}
.xo-event-calendar table.xo-month .month-week table {
	border: 0;
	margin: 0;
	padding: 0;
}
.xo-event-calendar table.xo-month .month-dayname {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-width: 1px 0 0 1px;
}
.xo-event-calendar table.xo-month .month-dayname td {
	border-width: 1px 1px 0 0;
}
.xo-event-calendar table.xo-month .month-dayname td div {
	height: 1000px;
	padding: 4px;
	border-width: 1px 1px 0 0;
	text-align: center;
	font-size: 100%;
	line-height: 1.2em;
}
.xo-event-calendar table.xo-month .month-dayname td div.other-month {
	text-align: center;
	opacity: 0.6;
}
.xo-event-calendar table.xo-month .month-dayname td div.today {
	color: #00d;
	font-weight: bold;
}
.xo-event-calendar table.xo-month .month-dayname-space {
	position: relative;
	top: 0;
	height: 1.5em;
}
.xo-event-calendar table.xo-month .month-event {
	position: relative;
	top: 0;
	background-color: transparent;
}
.xo-event-calendar table.xo-month .month-event td {
	padding: 3px 1px 2px 1px;
	border-width: 0 0 0 0;
}
.xo-event-calendar table.xo-month .month-event td img.calender_icon {
	display: block;
	width: 36px;
	margin: 0 auto;
}
.xo-event-calendar table.xo-month .month-event-space {
	height: 1.5em;
	background-color: transparent;
}
.xo-event-calendar table.xo-month .month-event-space td {
	border-width: 0 1px 0 0;
}
.xo-event-calendar table.xo-month .month-event-title {
	display: none; /*hide title */
	display: block;
	color: #666;
	text-align: center;
	font-size: 0.8em;
	border-radius: 3px;
	padding: 3px 1px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
}
.xo-event-calendar table.xo-month .month-event-title .month-event-title-child {
	display: none;
}
.xo-event-calendar p.holiday-title {
	display: none;
	margin: 0;
	padding: 2px 0;
	font-size: 90%;
	vertical-align: middle;
}
.xo-event-calendar p.holiday-title span {
	margin: 0 6px 0 0;
	padding: 0 0 0 18px;
	border: 1px solid #ccc;
}

.widget .xo-event-calendar table.xo-month > thead th {
	font-size: 90%;
}

/* Loading animation */
.loading .loading-animation {
	width: 40px;
	height: 40px;
	border: 5px rgba(0,0,0,0.2) solid;
	border-top: 5px #4285f4 solid;
	border-radius: 50%;
	-webkit-animation: loadingCircRot .8s infinite linear;
	animation: loadingCircRot .8s infinite linear;
}
@-webkit-keyframes loadingCircRot {
	from {
	-webkit-transform: rotate(0deg);
}
	to {
	-webkit-transform: rotate(359deg);
}
}
@keyframes loadingCircRot {
	from {
	transform: rotate(0deg);
}
	to {
	transform: rotate(359deg);
}
}

/* Event Content */
.xo-event-meta {
	padding: 3.8461% 0;
}
.xo-event-meta span {
	display: block;
}



/*________________________ bits ________________________\*/

.fclear {
	clear: both;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}

p img.float_l {
	margin: 0 15px 15px 0;
}
 p img.float_r {
	margin: 0 0 15px 15px;
}

.align_c {
	text-align: center !important;
}

.align_c img {
	margin-left: auto !important;
	margin-right: auto !important;
}

.align_l {
	text-align: left !important;
}

.align_r {
	text-align: right !important;
}
.indent-10em {
	padding-left: 1em;
	text-indent: -1em;
}
.indent-15em {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.nomargin {
	margin: 0px !important;
}
.marginb10 {
	margin-bottom: 10px !important;
}
.marginb20 {
	margin-bottom: 20px !important;
}
.marginb30 {
	margin-bottom: 30px !important;
}
.marginb50 {
	margin-bottom: 50px !important;
}
.marginb2em {
	margin-bottom: 2em !important;
}

.nopadding {
	padding: 0px !important;
}

.paddingt2em {
	padding-top: 2em !important;
}
.paddingt10 {
	padding-top: 10px !important;
}
.paddingt20 {
	padding-top: 20px !important;
}
.paddingb10 {
	padding-bottom: 10px !important;
}
.paddingb20 {
	padding-bottom: 20px !important;
}
.paddingb30 {
	padding-bottom: 30px !important;
}

.hide {
	display: none;
}
.hidden {
	visibility: hidden;
}
.underline {
	text-decoration: underline;
}
.overline {
	text-decoration: overline;
}

.x06emfont {
	font-size: 0.6em !important;
}
.x08emfont {
	font-size: 0.8em !important;
}

.x10emfont {
	font-size: 1em !important;
}

.x12emfont {
	font-size: 1.2em !important;
}

.x14emfont {
	font-size: 1.4em !important;
}

.blue {
	color: #00f !important;
}

.red {
	color: #f00 !important;
}

.orange {
	color: #f60 !important;
}

.pink {
	color: #e43f7b !important;
}

.pinkline {
	background: #ffe7ef;
	padding: 1px;
}

.brown01 {
	color: #9a5000 !important;
}

.date {
	color: #f60 !important;
}

.bold {
	font-weight: bold !important;
}

.italic {
	font-style: italic
}

hr.hidden {
	height: 1px;
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

br.fclear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
}

div.fclear {
	height: 1px;
	overflow: hidden ;
}

.fclear hr {
	display: none;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden ;
}