@charset "utf-8";

/*========================

1．基本レイアウト
2．リンク
3．各要素のリセット
4．ヘッダー
5．ナビゲーション
6．メインコンテンツ
7．サイドメニュー
8．フッター
9．その他

========================*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;900&family=Noto+Serif+JP:wght@400;500;600&display=swap');
body {
	font-family: 'Noto Sans JP',sans-serif;
	font-weight: normal;
	font-style: normal;
}

/*========================
■1．基本レイアウト
========================*/

#contentArea {
	margin: 0px auto;
	padding: 30px 0px 40px;
}

#sideArea {

}

#footerArea {
}

/*========================
■2．リンク
========================*/

a:link{
	color: #;
	text-decoration: underline;
}
a:visited{
	color: #;
	text-decoration: underline;
}
a:hover{
	color: #;
	text-decoration: underline;
}
a:active{
	color: #;
}


/*========================
■3．各要素のリセット
========================*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,div,form,fieldset,table,th,td,img ,address {
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
	font-style: normal;
}

html {
	font-size: 100%;
}

html>/**/body {
	font-size: 16px;
}

body {
	background: url(../images/bg003.png) 
		#F9F7F1;
}

ul {
	list-style: none;
}

input ,select{
	vertical-align:middle;
}

img {
	vertical-align: top;
}

a img {
	border: none;
}

hr {
	display: none;
}

/*========================
■4．ヘッダー
========================*/

#headerArea {
	padding: 5px 0 0;
}
#headerArea .wrapper {
	maxwidth: 950px;
	margin: 0px auto;
}
#headerArea .clearfix {
	margin-bottom: 1rem;
}
#headerArea .left {
	float: none;
	font-size: 1.25rem;
	text-align: center;
}
#headerArea h1 {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}
#headerArea .left strong {
	color: #cc0000;
	font-size: 2rem;
}
#headerArea .right {
	float: none;
	padding-top: 1rem;
	text-align: center;
}
@media (min-width:769px){
	#headerArea .left {
		float: left;
	}
	#headerArea .right {
		float: right;
		text-align: right;
	}
	#headerArea .right #date {
		float: left;
		max-width: 70%;
	}
	#headerArea .right #date img {
		max-width: 300px;
		height: auto;
		padding-bottom: 4px;
	}
	#headerArea .right .chirashiDL {
		height: auto;
		font-size: 8px;
		text-align: center;
	}
}

/*========================
■5．ナビゲーション
========================*/

ul.navArea {
	text-align: center;
}

ul.navArea {
	font-size: 0;
}

ul.navArea li {
	display: inline;;
	font-size: 1em;
}

#footerNav {
	padding-top: 8px;
	background: url(../images/bg002.png) 
		left bottom 
		repeat-x;
}

/*========================
■6．メインコンテンツ
========================*/

/* タイトル */
#contentArea h2 {
	margin: 0px 0px 20px;
}

#contentArea h3 {
	margin-bottom: 15px;
	font-size: 22px;
	font-family: "メイリオ","Meiryo",Sans-Serif,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight: bold;
	text-align: center;
}
#event #contentArea h3 {
	border-bottom: dotted 1px #B51581;
	color: #B51581;
}
#access #contentArea h3 {
	border-bottom: dotted 1px #5C9B01;
	color: #5C9B01;
}

#map #contentArea h3 {
	padding-top: 50px;
	border-bottom: dotted 1px #8d5c48;
	color: #ff4c05;
}

#mainContentArea h4 {

}

/* 段落 */
#contentArea p {
	margin: 0px auto 20px;
	line-height: 150%;
}

/* リスト */
#mainContentArea ul li {
	padding-left: 20px;
/* リスト用アイコン */
	background: url(../images/ic001.png) 
		8px 8px 
		no-repeat;
}

/* テーブル */
#mainContentArea table {
	width: 100%;
	border-top: solid 1px #;
	border-right: solid 1px #;
	border-collapse: collapse;
}

#mainContentArea table.bottom0 {
	margin-bottom: 0px;

}

#mainContentArea table th {
	background: #;
}

#mainContentArea table th.th02,
#mainContentArea table th.th03 {
	background: #;
}

#mainContentArea table th,
#mainContentArea table td {
	padding: 3px 6px;
	border-bottom: solid 1px #;
	border-left: solid 1px #;
}

/* 定義 */
#mainContentArea dl:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
#mainContentArea dl {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html #mainContentArea dl {
        height: 1%;
}
#mainContentArea dl {
        display: block;
	border-bottom: dotted 1px;
}

#mainContentArea dt {
	float: left;
	width: 120px;
	padding: 5px 0px 5px 10px;
	border-top: dotted 1px;
}

#mainContentArea dd {
	float: left;
	width: 510px;
	padding: 5px 0px;
	border-top: dotted 1px;
}

/* 共通インデント */
#mainContentArea h4,
#mainContentArea p,
#mainContentArea dl,
#mainContentArea ul,
#mainContentArea ol,
#mainContentArea table {
	margin: 0px auto 15px;
}

/* -------------------------------------- */

.tohome {
	padding: 30px 0px 0px;
	text-align: center;
}



/*========================
■7．サイドメニュー
========================*/



/*========================
■8．フッター
========================

#footerArea .wrapper {
	width: 795px;
	margin: 0px auto 20px;
	padding: 20px 0px 0px;
	font-size: 0.75em;
	line-height: 150%;
}
#footerArea .wrapper .syusai {
	margin: 10px 0px 0px;
	padding-left: 3em;
	text-indent: -3em;
}
#footerArea .wrapper h2 {
	float: left;
	text-align: center;
}
#footerArea .wrapper h2 img {
	padding-bottom: 10px;
}
#footerArea .wrapper div {
	padding-left: 200px;
}*/

/*========================
■9．その他
========================*/

.right {
	float: right;
}

.left {
	float: left;
}

.textLeft {
	text-align: left;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearfix {
        display: block;
}