@charset "utf-8";



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

 * XOOPS Themes 同和対策課

 * Design by INTERPRO

 * http://www.interproinc.co.jp

 * miyazaki@interproinc.co.jp

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



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

 * 更新日

 * 1.2007/02/01

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





/* テキストカラー設定

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

.pink {

	color:#DA5886;

	}



.green {

	color:#7EAA24;

	}



.blue {

	color:#006FDD;

	}



.orange {

	color:#D5981C;

	}



.purple {

	color:#5E3DCD;

	}



/* テキストサイズ設定

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

#centercolumn {

	font:normal 85%/160% "メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;

	}



/* 検索フォーム設定

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

#container #centercolumn form#searchform {

	margin:0px;

	padding:0px 8px 0px 0px;

	text-align:right;

	}



#container #centercolumn form#searchform p {

	margin:0px 0px 10px 0px;

	}



/* 見出し設定

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

#centercolumn h2 {

	color:#a2601d;

	background:transparent url(img/h2.jpg) 0 0 repeat-x;

	font:bold 150% "游ゴシック",Yu Gothic,"メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;

	padding:8px 10px 16px 10px;

	margin:0px 0px 15px 0px;

	letter-spacing: 1px;

	}



#centercolumn h3 {

	color:#c00;

	border-top:2px solid #fc0;

	border-bottom:2px solid #fc0;

	background:transparent url(img/h3.jpg) bottom right no-repeat;

	font:bold 130% "游ゴシック",Yu Gothic,"メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;

	padding:10px 80px 8px 0;

	letter-spacing: 1px;

	}



#centercolumn h4 {

	font: bold 115.5% "游ゴシック",Yu Gothic,"メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	padding: 10px 10px 10px 10px;
	background: #86b73b;
	color: #fff;

	}



#centercolumn h5 {

	color:#36c;

	border-top:2px dashed #A1CE5A;

	border-bottom:2px dashed #A1CE5A;

	font:bold 112.5% "游ゴシック",Yu Gothic,"メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;

	padding:3px 10px 3px 0;

	}



#centercolumn h6 {

	color:#093;

	border-bottom:1px dashed #A1CE5A;

	font:bold 100% "メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;

	padding:1px 10px 5px 20px;

	background:transparent url(img/h6.gif) top left no-repeat;

	}



/* リスト設定

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

#centercolumn ul {

	margin:10px 0px;

	padding:0px 0px 0px 20px;

	}



#centercolumn ul li {

	list-style:url(img/li.gif);

	}



#centercolumn ol {

	margin:10px 0px;

	padding:0px 0px 0px 30px;

	}



#centercolumn dd {

	margin:0px;

	padding:0px 0px 0px 10px;

	}



/* テーブル設定

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

#centercolumn table#data {

	border-top:1px solid #996;

	border-left:1px solid #996;

	border-right:none;

	border-bottom:none;

	margin:10px 0px;

	width: 100%;

	}



#centercolumn table#data caption {

	text-align:left;

	padding:10px 0px 5px 0px;

	}



#centercolumn table#data th,

#centercolumn table#data td {

	border-top:none;

	border-left:none;

	border-right:1px solid #996;

	border-bottom:1px solid #996;

	padding:8px 5px;

	}



#centercolumn table#data th.first {

	font-weight:normal;

	background-color:#fffcd1;

	}



#centercolumn table#data th.second {

	font-weight:normal;

	background-color:#F3F1DE;

	}



#centercolumn table#data th.third {

	font-weight:normal;

	background-color:#eee;

	}



/* パンくずリスト設定

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

#centercolumn p.breadcrumbs {

	margin: 0px;
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
	margin-bottom: 10px;

	}



/* テキストサイズ

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

.large {

	font:normal 118.5% "メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;

	}



/* お知らせ一覧

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

#centercolumn h4#date {

	margin-bottom:20px;

	}



#centercolumn h6#newstitle {

	margin:0px 0px 5px 0px;

	}



#centercolumn p#comment {

	margin:0px;

	}

#comment img { float:none; }

/* フレックスボックス

=========================================== */
.flex {
	display: flex;
}

/* flow

=========================================== */
.flex.flow {
	align-items: center;
}
.flex.flow dl {
	text-align: center;
	padding: 10px 10px 10px 10px;
		border: 2px solid #86b73b;
		border-radius: 5px;
}

/* じんけんの風アーカイブ

=========================================== */
.dayoriList {
	display: flex;
	flex-wrap: wrap;
}
.dayoriList dl {
	width: 170px;
	margin-right: 105px;
	margin-bottom: 25px;
}
.dayoriList dl:nth-child(4n) {
	margin-right: 0;
}
.dayoriList dl:nth-last-child(-n+2) {
	margin-bottom: 0;
}
#centercolumn .dayoriList dl dd {
	padding:0px 0px 0px 0px;
}
.dayoriList dl dd .day {
	font-size: 12px;
	color:#aaa;
	margin-top: 6px;
}
.dayoriList dl dd a {
	margin-top: 6px;
	background: #58beff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  padding: 5px 0;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 12px;
  border-radius: 3px;
}
.dayoriList dl dd a:hover {
	opacity: .7;
}

/* イベント一覧ブロック表示

=========================================== */
.eventFlex {
	display: flex;
	flex-wrap: wrap;
	gap:15px;
}
.eventFlex >a {
	display: block;
	width: calc(100% / 4 - 15px);
	box-shadow: 0px 5px 5px #dbdbdb96;
	transition: .2s;
	text-decoration: none;
}
.eventFlex >a:hover {
	transform: translateY(3px);
	box-shadow: 0px 2px 2px #dbdbdb96;
}
.eventFlex >a dl dt {
	height: 250px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.eventFlex >a dl {
	margin:0;
}
.eventFlex >a dl dd {
	padding:10px !important;
}
.eventFlex >a dl dd .data {
	font-size: 12px;
	color: #aaa;
	margin-top: 6px;
}
.eventFlex >a dl dd div {
	text-decoration: none;
}