@charset "utf-8";
/* CSS Document */

body {
	color: #FEFFF9;
	max-width: 1980px;
	min-width: 1040px;
	text-align: center;
	background-color: #FEFFFF;
	border: solid 0px #fcfcfc;
	/*線*/
	border-radius: 0px;
	/*角の丸み*/
	margin: 0 auto;
	padding: auto;
}

.type2-1 {
	max-width: 1980px;
	min-width: 1040px;
	height: 40px;
	margin-top: 0;
	border: solid 4px #FFFFFF;
	/*線*/
	background: #E5E1DC;
	margin: -28px auto auto auto;
	padding: 0px 0px 0px 0px;
}


/* フェードイン */

@keyframes fadeInAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* スライドショー */
.flexslider .slides {
	padding-top: 0px;
	margin: 0px;
	border: solid 0px #fcfcfc;
}

.flex-control-nav.flex-control-paging {
	padding: 16px 0px 10px 0px;
	background: #535353;
}

.flex-control-nav.flex-control-paging a {
	color: #ffffff;
}

/*.background{
	background:#535353;
    position: absolute;
    top: 217px;
    left: 68;
	max-width: 1980px;
	min-width: 1440px;
    height: 540px;
}
*/

/* 2カラムサイトにする */

.wrapper {

	display: flex;
	margin: -20 0 0 0;
	justify-content: center;
	background-color: #FEFFFF;
}

.main,
.side {
	padding: 0px 20px 0px 20px;
}

.main {
	width: 650px;
	margin-right: 20px;
	margin-top: 30px;
}

.side {
	max-width: 350px;
	min-width: 250px;
	margin-top: 10px;
}

/* 2カラムコンテンツにする */

.archive {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.archive div {
	margin-bottom: 3rem;
	padding: 3rem;
	width: 35%;
	background-color: #f0f0f0;
}

.archive img {

	display: block;
	margin-bottom: 3rem;
	width: 100%;
	height: auto;
}

/*イベント告知 */

.event {
	background: #C1272D;
	width: 650px;
	height: 100px;
	margin: -20px 0px 0px 0px;
	border-radius: 5px;
}

.event h1 {
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 4px;
}

.event_kokuti {
	width: 600px;
	padding: 10px 0px 3px 0px;
	background-color: #ffffff;
	letter-spacing: 1px;
	list-style-type: none;
	margin: -17px 0px 4px 20px;
	border-radius: 1px;
}

.event_kokuti:hover {
	background-color: #DFDFDF;

}

.event_kokuti a {
	color: #C1272D;
	font-size: 24px;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;
}

/*サイドバー */

.side .sayama {
	background: #008080;
	text-align: center;
	color: #ffffff;
	padding: 10px 20px 20px 20px;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;
	border: solid 3px #008080;
	/*線*/
	margin: 15px 0px 15px 0px;
	border-radius: 5px;
	font-size: 14px;
}

.side .sayama a {
	border-radius: 2px;
	background: #ffffff;
	text-align: center;
	color: #6C6C6C;
	margin: 0px 1px 0px 1px;
	padding: 5px 15px 5px 15px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;

}

.side .sayama:hover a {
	color: #008080;
}

.side .links {

	border: solid 3px #B0E0E6;
	/*線*/
}

h2 {
	border-radius: 2px;
	background: #B0E0E6;
	text-align: center;
	color: #565656;
	margin: 0px 0px 0px -40px;
	padding: 10px 0px 10px 0px;
	font-size: 19px;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;
}

.side .link {
	text-align: left;
	margin-left: 0px;
	padding: 0px 0px 8px 0px;
}

.side .link1 {
	text-align: left;
	margin-left: 0px;
	padding: 10px 0px 8px 0px;
}

.side .link2 {
	text-align: left;
	margin-left: 0px;
	padding: 0px 0px 18px 0px;
}

.side ul .b {

	color: #6C6C6C;
	margin: 0px 0px 10px -25px;
	padding: 15px 15px 15px 0px;
	font-size: 13px;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;

}

.side .link:hover .b {
	color: #B0E0E6;
}

.side .link1:hover .b {
	color: #B0E0E6;
}

.side .link2:hover .b {
	color: #B0E0E6;
}


/* お知らせ */

.archive {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* height: 1000px; */
	background: #FCFCFC;
	border: solid 4px #008080;
	/*線*/
	border-radius: 5px;
}

.archive notice {
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;
	width: 100%;
	padding: 5px 0px 5px 15px;
	background: #008080;
	color: #ffffff;
}

.archive h3 {
	position: relative;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;
	width: 60px;
	margin: 0px 0px 0px 0px;
	padding: 2px 12px 2px 12px;
	background: #008080;
	color: #ffffff;

}

.archive h4 {
	position: relative;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;
	width: 60px;
	margin: 0px 0px 0px 0px;
	padding: 2px 12px 2px 12px;
	background: #f0a02f;
	color: #ffffff;

}

.archive h5 {
	position: relative;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: "Yu Gothic UI Bold", sans-serif;
	width: 60px;
	margin: 0px 0px 0px 0px;
	padding: 2px 12px 2px 12px;
	background: #FF6969;
	color: #ffffff;

}

#oshirase {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	width: 622px;
	height: 765px;
}

#oshirase a {
	color: #232323;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 16px;
}