@charset "utf-8";
/* ------------------------------------------------- *
 *        Event
 * ------------------------------------------------- */

#mainArea {
	position: relative;
	width: 100%;
	height:293px;
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-size: cover;
}

/* contents */
	
.con1 {
	width: 800px;
	margin-right:auto;
	margin-left:auto;
	text-align: center;}

.con2 {
	width: 100%;
	margin-right:auto;
	margin-left:auto;
	text-align: center;}
.con2_imgarea {
	width: 1000px;
	}
.con2_imgarea li {
	display: inline-block;
	margin: 3px;
	text-align: center;}

.con3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	
.month {
	font-size: 24px;
	color: #333;
	text-align: left;
	}
.yoyakuhuka {
	text-align: right;
	margin-left:auto;
	margin-top: -24px;}
	
a span {
	font-size: 12px;
	vertical-align:12%;}
.c_last a, .c_next a {
	text-decoration: none;
	font-size: 18px;
	color:#7F7F7F;
	}
.c_last a:hover, .c_next a:hover {
	text-decoration: none;
	color: #AFAFAF}
.c_last {
	text-align: left;
	margin-right:auto;
	}
.c_next {
	text-align: right;
	margin-left: auto;
	margin-top:-25px;}

.hanrei {
	font-size: 12px;
	text-align:left;
	color:#333;}
.eve_r {
	color: #BE3A49;}
.eve_g {
	color: #2D9060;}
.eve_gr {
	color: #666;}

.con4 {
	width: 884px;
	margin-right:auto;
	margin-left:auto;
	font-size: 12px;
	text-align: left;
	background: #EFEEE9;
	padding: 30px 58px 35px;
	color:#333;}
.d_ttl {
	font-size: 18px;
	color: #8D865F;
	margin-left:-10px;
	line-height: 35px;}


@media only screen and (max-width: 640px) {

#mainArea {
	position: relative;
	width: 100%;
	height: 180px;
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-size: cover;
}

	/* contents */
	
	.con1 {
		width: 100%;
		margin-right:auto;
		margin-left:auto;
		text-align: center;}

	.con2 {
		width: 100%;
		height: auto;
		margin-right:auto;
		margin-left:auto;
		text-align: center;}
	h3.subttl img {
		width:100%;}
	.con2_imgarea {
		width: 100%;
		margin-left: auto;
		margin-right: auto;}
	.con2_imgarea li {
		display: inline-block;
		margin:0 0 15px;
		list-style: none;
		text-align: center;
		width:49%}
	.img_ev {
		margin:1%;}
	.img_ev_l {
		width:49%;
		margin:0 auto;}

	.con3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		}
	
	.month {
		font-size: 24px;
		color: #333;
		text-align: left;
		}
	.yoyakuhuka {
		text-align: right;
		margin-left:auto;
		margin-top: -24px;}
	
	.yajirusi {
		font-size: 12px;
		color:#7F7F7F;
		}
	.c_last, .c_next {
		font-size: 18px;
		color:#7F7F7F;}
	.c_last a, .c_next a {
		text-decoration: none;}
	.c_last a:hover, .c_next a:hover {
		text-decoration: none;
		color: #aFaFaF}
	.c_last {
		text-align: left;
		margin-right:auto;}
	.c_next {
		text-align: right;
		margin-left: auto;
		margin-top:-25px;}
		
	
	
	.con4 {
		width: 90%;
		margin-right:auto;
		margin-left:auto;
		font-size: 12px;
		text-align: left;
		background: #EFEEE9;
		padding: 4% 5%;
		color:#333;}
	.d_ttl {
		font-size: 18px;
		color: #8D865F;
		margin-left:-10px;
		line-height: 35px;}


}

@media screen and (max-width: 600px) {
	#wrap {
		padding: 0 5px;
	}
}




/* ========================================
 * #mini-calendar
 * ========================================*/
#mini-calendar .calendar-year-month {
	text-align: center;
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: bold;
}
#mini-calendar table {
	width: 100%;
	border-spacing: 0;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 0;
	padding: 0;
	line-height: 1.5;
	border-collapse: separate;
}
#mini-calendar th,
#mini-calendar td {
	background: #fff;
	padding: 7px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}
#mini-calendar th {
	color: #fff;
	background: #8D865F;
	vertical-align: top;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align:center;
	border-left: 1px solid #ccc;
}
#mini-calendar td {
	width: 14.3%;
	height: 100px;
	vertical-align: top;
	text-align:left;
	border-collapse: collapse;
	color: #333;
	font-size: 16px;
	position: relative;
}


#mini-calendar th.calendar-sat {
	color: #FFF;
	background: #A26B6A;
}
#mini-calendar th.calendar-sun {
	color: #FFF;
	background: #A26B6A;
}

#mini-calendar td.calendar-day-off {
	background: #F4F3F2;
	color: #555;
}
#mini-calendar td.calendar-holiday,
#mini-calendar td.calendar-sun {
	color: #555;
}
#mini-calendar td.calendar-sat {
	color: #555;
}

#mini-calendar .calendar-day-number {
	font-style: normal;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding: 0 3px;
	line-height: 1.2;
}
#mini-calendar td.calendar-holiday .day,
#mini-calendar td.calendar-sun .day {
	color: #DF0D2D;
}
#mini-calendar td.calendar-sat .day {
	color: #2574D3;
}
#mini-calendar td span {
	font-size: 11px;
	line-height: 1.3;
	display: block;
}
#mini-calendar [class*=calender-label] {
	font-size: 12px;
	line-height: 1.3;
	color: #FFF;
	display: block;
	padding: 3px;
	margin-top: 3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
#mini-calendar td span.calender-label-red {
	color: #FFF;
}
#mini-calendar td span.calender-label-red a{
	color: #BE3A49;
		text-decoration:none;
}
#mini-calendar td span.calender-label-red a:hover{
	color: #FFC0CF;
}
#mini-calendar td span.calender-label-green a{
	color: #2D9060;
		text-decoration:none;
}
#mini-calendar td span.calender-label-green a:hover{
	color: #79DEA9;
}

#mini-calendar .kugiri {
		border-top: 1px dotted #5C521A;
		width:100%;
		height:1px;}


/* 何もない日 */
#mini-calendar td.calendar-none {
	background: #FBFAF7;
}
#mini-calendar td.calendar-today {
	background: #FEFBDA;
}

@media screen and (max-width: 640px) {
    .br-sp { display:none; }
	#mini-calendar thead {
		display: none;
	}
	#mini-calendar th,
	#mini-calendar td {
		display: block;
		width: 100%;
		padding: 0;
	}
	#mini-calendar td {
		height: auto;
		display: -webkit-flex;
		display: flex;
	}
	#mini-calendar .calendar-none {
		display: none
	}

	#mini-calendar .calendar-labels {
		padding: 5px;
	}
	#mini-calendar [class*=calender-label] {
		display: inline-block;
		padding: 5px;
		margin-top: 0;
		margin-right: 5px;
		font-size: 12px;
	}

	/* 日付 */
	#mini-calendar td .calendar-day-number {
		font-weight: normal;
		padding: 7px;
		font-size: 18px;
		display: block;
 		background: #DEDCD1;
		margin-bottom: 0;
		width: 75px;
		height: auto;
	}
	#mini-calendar td.calendar-holiday .calendar-day-number,
	#mini-calendar td.calendar-sun .calendar-day-number {
		background: #E4D5D4;
	}

	#mini-calendar td.calendar-sat .calendar-day-number {
		background: #E4D5D4;
	}

	/* モバイル用曜日を追加 */
	#mini-calendar td i:after {
		font-size: 12px;
		position: relative;
		left: -5px;
	}
	#mini-calendar td:nth-child(1) i:after {
		content: "（月）";
	}
	#mini-calendar td:nth-child(2) i:after {
		content: "（火）";
	}
	#mini-calendar td:nth-child(3) i:after {
		content: "（水）";
	}
	#mini-calendar td:nth-child(4) i:after {
		content: "（木）";
	}
	#mini-calendar td:nth-child(5) i:after {
		content: "（金）";
	}
	#mini-calendar td:nth-child(6) i:after {
		content: "（土）";
	}
	#mini-calendar td:nth-child(7) i:after {
		content: "（日）";
	}
}

    span.anchorlink {
       position: relative;
       top: -140px;
       display: block;
    }
@media screen and (max-width: 640px) {
    span.anchorlink {
       position: relative;
       top: -46px;
       display: block;
    }
}