body.under div#AllBox{
	width:100%;
	}

h2{
	background:url(../images/calender/img_tit_01.jpg) no-repeat center top;
	background-size:100% auto;
	text-indent:-9990px;
	padding-top:52.5%;
	height:0;
	}


/* Main
===============================================================*/
div#Main .bg02{
    padding: 0 13px;
}

div#Main .bg02 p.teikyu {
    color: #FFFFFF;
	margin:0 0 5px;
}

.box01 dl dd{
	color:#c2c2c2;
	line-height:16px;
	}


/* TABLE
================================================ */
#Main .bg02 .xo-months {
	width: 100%;
	position: relative;
}

#Main .bg02 .xo-months p.prev {
    position: absolute;
    left: 8px;
	top: 10px;
	z-index: 3;
}
#Main .bg02 .xo-months p.next {
    position: absolute;
    right: 8px;
	top: 10px;
	z-index: 3;
}

#Main .bg02 .xo-months .xo-month-wrap {
	width: 100%;
	margin-bottom: 15px;
	padding: 0 15px 0;
	box-sizing: border-box;
}

#Main .bg02 .xo-event-calendar table.xo-month > caption {
/*    font-size: 16px;*/
    color: #FFFFFF;
	font-family: 'Noto Serif JP', serif;
	padding: 16px 0 14px;
	background: #111111;
}

#Main .bg02 .xo-event-calendar table.xo-month .month-prev {
    position: absolute;
    left:25px;
	top: 14px;
	background: url(/images/calender/left_n.png) no-repeat left center;
	width: 33px;
	height: 33px;
	z-index: 3;
}
#Main .bg02 .xo-event-calendar table.xo-month .month-prev:hover {
	background: url(/images/calender/left_o.png) no-repeat left center;
}

#Main .bg02 .xo-event-calendar table.xo-month .month-next {
    position: absolute;
    right: 25px;
	top: 14px;
	background: url(/images/calender/right_n.png) no-repeat right center;
	width: 33px;
	height: 33px;
	z-index: 3;
}
#Main .bg02 .xo-event-calendar table.xo-month .month-next:hover {
	background: url(/images/calender/right_o.png) no-repeat right center;
}
#Main .bg02 .dashicons-arrow-right-alt2:before ,
#Main .bg02 .dashicons-arrow-left-alt2:before {
    content: "";
}

#Main .bg02 .xo-months .xo-month-wrap table {
	width: 100%;
	background: #111111;
	border: none;
}
#Main .bg02 .xo-months .xo-month-wrap table.xo-month {
	padding-bottom: 16px;
	margin: 0;
}
#Main .bg02 .xo-months .xo-month-wrap table tbody tr:first-child td.month-week table tr td {
	padding-top: 11px;
}
#Main .bg02 .xo-months .xo-month-wrap table tr th {
    text-align: center;
    font-size: 15px;
    color: #FFFFFF;
	font-family: 'Noto Serif JP', serif;
	padding-bottom: 7px !important;;
	border: none;
	border-bottom: #474747 1px solid;
}
#Main .bg02 .xo-months .xo-month-wrap table tr td {
    text-align: center;
	font-size: 15px;
	padding: 3px 4px !important;
    color: #FFFFFF;
	font-family: 'Noto Serif JP', serif;
	border: none;
}
#Main .bg02 .xo-months .xo-month-wrap table tr td span {
	display: block;
	padding: 5px 0 6px !important;
}

#Main .bg02 .xo-event-calendar table.xo-month .month-event-space {
    height: auto;
}

#Main .bg02 .xo-event-calendar table.xo-month .month-dayname td div {
    text-align: center;
    font-size: 100%;
    line-height: 1.2em;
}

#Main .bg02 .xo-months .xo-month-wrap table tr th.sunday {
    color: #b12c2c;
}
#Main .bg02 .xo-months .xo-month-wrap table tr th.saturday {
    color: #1d55b1;
}

#Main .bg02 .xo-months .xo-month-wrap table .month-dayname td div.today {
    color: #FFFFFF;
}

#Main .bg02 .xo-months .xo-month-wrap table tr td span.holi01 {
	background: #422323;
}
#Main .bg02 .xo-months .xo-month-wrap table tr td span.holi02 {
	background: #423c27;
}
#Main .bg02 .xo-months .xo-month-wrap table tr td span.holi03 {
	background: #213242;
}

#Main .bg02 .holiday-titles {
    clear: both;
	overflow: hidden;
	margin:5px 0 0;
	display: none;
}
#Main .bg02 .holiday-titles.pcnone {
	display: block;
}
#Main .bg02 .holiday-titles p {
	float: left;
    margin-right: 20px;
    color: #FFFFFF;
}
#Main .bg02 .holiday-titles p span {
	display: inline-block;
	width: 13px;
    height: 13px;
    vertical-align: text-top;
    margin-right: 5px;
}

.xo-event-calendar table.xo-month td, .xo-event-calendar table.xo-month th {
	background-color: #111111 !important;
}