@charset="utf-8"
body{
	/*padding: 50px 10px 50px 5px;	/* bodyの内側の余白を指定する */
}
html, body{
	font-family: "Noto Sans Japanese", YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "Avenir Next", 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
	font-size: 16px;
	background: #fffee8;  /* fallback for topold browsers */
	/*background: -webkit-linear-gradient(to top, #fff, #ffefba); */ /* Chrome 10-25, Safari 5.1-6 */
	/*background: linear-gradient(to top, #fff, #ffefba); */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	/*color:#44455c;*/
	line-height: 1.5;
	/*background: #ECF0F3;*/
	margin: 0 auto;
}
/* **************************
ヘッダ/コンテンツ/フッタ
************************** */
#header{
	position: fixed;		/* ヘッダーを固定する */
	top: 0;				/* 上部から配置の基準位置を決める */ 
	left: 0;			/* 左から配置の基準位置を決める */ 
	width: 100%;			/* ヘッダーの横幅を指定する */
	height: 40px;			/* ヘッダーの高さを指定する */
	padding: 15px 0 10px 10px;	/* ヘッダー内側の余白を指定する(上下左右) */
	background:url(logo.png)no-repeat center center;
	border-bottom:3px solid #56576f;
	background-color: #fefefe;
	background-size:contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index:999;
}
#contents{
	background:#fff;
	margin: 0 auto;
	margin-top:65px;
	padding:10px 15px 30px 15px ;
	min-width:1080px;
	max-width:1480px;
	width: 90%;		/* コンテンツの横幅を指定する */
	overflow: auto; 	/* コンテンツの表示を自動に設定（スクロール） */
}
@media screen and (max-width:768px){
	#contents{
		min-width:320px;
		width:95%;
	}
}
#footer{
	clear:both;
	width: 100%;		/* フッターの横幅を指定する */
	height: 40px;		/* フッターの高さを指定する */
	margin:0;
	padding:10px 0;		/* フッター内側の余白を指定する(上下左右) */
	text-align:center;
	background: #000;	/* フッターの背景色を指定する */
	color: #eee;		/* フッターのフォントの色を指定する */
}
/* **************************
カラム
************************** */
.myrow{
	display: -webkit-box;	/*Android4.3*/
	display: -moz-box;	/*Firefox21*/
	display: -ms-flexbox;	/*IE10*/
	display: -webkit-flex;	/*PC-Safari,iOS8.4*/
	/*display: flex;
	align-items: flex-end;*/
}
.mycol-1{
	flex:1;
	padding:5px;
}
.mycol-2{
	flex:2;
	padding:5px;
}
.mycol-3{
	flex:3;
	padding:5px;
}
.mycol-4{
	flex:4;
	padding:5px;
}
.mycol-5{
	flex:5;
	padding:5px;
}
.mycol-6{
	flex:6;
	padding:5px;
}
@media screen and (max-width:768px){
	.myrow{
		display:block;
	}
}
/* **************************
ボタン
************************** */
/* 横三列ボタン */
.btn-border{
	display: inline-block;
	min-width: 100px;
	width:30%;
	text-align: center;
	background-color: #790e13;
	border: 2px solid #790e13;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size:2em;
	margin-bottom:5px;
	padding: 16px;
	border-radius: 4px;
	transition: .4s;
}
.btn-border:hover{
	background-color: #fdfdfd;
	border-color: #563c34;
	color: #563c34;
}

/* 左寄せボタン 青 [戻る]*/
.btn-left{
	background: #007bbb;
	display: block;
	min-width: 100px;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	/*padding: 8px; 1px*/
	padding: 8px 1px;
	border-radius: 4px;
}
.btn-left a{
	color:#fff;
}
.btn-left:hover{
	background: #2cabe2;
	/*background: #000;*/
	color: #fff;
}
/* 左寄せボタン 黒（写真・絵図 > 老の苧環 */
.btn-left2{
	background: #000;
	display: block;
	min-width: 100px;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin: 5px;
	padding: 8px 5px; 
	border-radius: 4px;
}
.btn-left2 a{
	color:#fff;
}
.btn-left2:hover{
  background: #fff;
  border: 1px solid #000;
	color: #000;
}

/* 右寄せボタン */
.btn-right{
	background:#000;
/*	background:#51425b;*/
	display: block;
	min-width: 100px;
	float: right;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin: 5px;
	padding: 8px 5px; 
	border-radius: 4px;
	border: 1px solid #000;
}
.btn-right a{
	color:#fff;
}
.btn-right:hover{
  background: #fff;
  border: 1px solid #000;
	color: #000;
}
/* 横幅いっぱいボタン 古文書 > ○○家文書　[PDF]*/
.btn{
	background:#000;
	display: block;
	min-width: 100px;
	text-align:center;
	font-size: 12px;
	color: #fff!important;
	text-decoration: none;
	font-weight: bold;
	margin-bottom:5px;
	padding: 3px;
	border: 1px solid #000b;
	border-radius: 4px;
}
.btn:hover{
	background: #fff;
	border: 1px solid #000;
	color: #000!important;
}
/* 水色ボタン */
.btn-sky{
	display: block;
	text-decoration: none;
	padding:10px;
	font-weight: bold;
	text-align:center;
	border-radius: 3px;
	background:#48c4e3;
	color:#fff;
}
.btn-sky:hover{
	background-color: #000;
	color: #fff;
}

@media screen and (max-width:768px){
	.btn-border{
		min-width: 90%;
	}
}

/* **************************
hタグ
************************** */
h2{
	clear:both;
	font-size:1.6em;
	margin-top:5px;
	margin-bottom:5px;
	padding: 0.4em 0.5em;			/*文字の上下 左右の余白*/
	color: #494949;				    /*文字色*/
	background: #fdfdfd;			/*背景色*/
	border-left: solid 5px #790e13;		/*左線*/
	border-bottom: solid 3px #d7cddc;	/*下線*/
}
h3{
	font-size:1.3em;
	color: #000;				/*文字色*/
	padding: 0.5em 0.5em;			/*上下の余白*/
	background: #fef1bc;			/*背景色*/
	border-top: solid 3px #000;		/*上線*/
	border-bottom: solid 3px #000;		/*下線*/
}
h4{
	font-size:1.1em;
	/*background: #fff;			背景色*/
	color: #790e13;
	/*padding: 0.4em 0.1em 0.4em 0.8em;				文字まわり（上下左右）の余白*/
  padding: 0.2em 0.1em 0.2em 0.6em;		
	/*border: solid 2px #790e13;*/
	font-weight:bold;
  margin-bottom: -0.4em;	
}
.center{
	text-align:center;
}
.he400{
	height:auto;
	/*height:400px;*/
}
.img_auto{
	width:100vw;
	width:100%;
}
@media screen and (max-width:768px){
	.he400{
		height:auto;
	}
}

/* **************************
pタグ
************************** */
p{
	padding: 0.1em 0.5em;
}

/* **************************
絵ボタン　オンマウスで半透明
************************** */
.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* **************************
古文書/komonjyo ◎リスト ul li
************************** */
.check{
	background-color: #f8f4e6;
	border: 1px solid #999;
	list-style: none;
	position: relative;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 1em 1em 1em;
}
/*マスキングテープ風装飾
.check:before {
	content: "";
	background-color: rgba(215, 205, 220, .6);
	position: absolute;
	top: -1.5em;
	left: 40%;
	width: 100px;
	height: 40px;
	transform: rotate( -10deg );
}
*/

.check ul{
	position: relative;
}
.check ul li{
	line-height: 1.2;
	padding: 0.5em 0;
	list-style-type: none!important;/*ポチ消す*/
}

.check ul li::before{
		/*疑似要素*/
	font-family:'FontAwesome'; 
	content: "\f192";
	/*content: "\f02d";*/
	/*content: "\f00c";*/
	position: absolute;
	font-size:1.2em;
	left : 1em;		/*左端からのアイコンまで*/
	margin-top : -2px;
	color: #333;		/*アイコン色*/
	padding: 0.2em;		/*リストのポチの位置*/
}
.check ul li a{
	text-decoration: none;
	color:#007bbb;
	width:320px;
	padding:5px;
	font-weight:bold;
	display: block;
	transition: .3s;
}
.link_none{
	padding:14px 5px!important;
	/*padding:14px 5px 13px 5px!important;*/
	font-weight:bold;
	display:  block; 
}
.check ul li span{
	display: block;
	padding-left:345px;
	margin-top:-1.8em;
}
@media screen and (max-width:768px){
	.check ul li a{
		width:100%;
		font-size:1.1em;
	}
	.check ul li span{
		width:100%;
		margin-top:.5em;
		padding-left:5px;
	}
}
.check ul li a:hover{
	background:#000;
	color:#fff;
}

/* **************************
古文書/komonjyo/●●家文書
************************** */
.check2{
	background-color: #f8f4e6;
	border: 1px solid #999;
	list-style: none;
	position: relative;
	margin-top: 1em;
	margin-bottom:1em;
	padding: 1em;
}
/* マスキングテープ風装飾
.check2:before {
	content: "";
	background-color: rgba(215, 205, 220, .6);
	position: absolute;
	top: -1.5em;
	left: 40%;
	width: 100px;
	height: 40px;
	transform: rotate( -10deg );
}
*/
.check2 ul{
	position: relative;
}
.check2 ul li{
	line-height: 1.2;
	padding: 0.2em 0;
	list-style-type: none!important;/*ポチ消す*/
}

.check2 ul li::before{
		/*疑似要素*/
	font-family:'FontAwesome'; 
	content: "\f192";
	/*content: "\f02d";*/
	/*content: "\f00c";*/
	position: absolute;
	font-size:1.2em;
	left : 1em;		/*左端からのアイコンまで*/
	/*margin-top : 2px;*/
	color: #333;		/*アイコン色*/
	padding: 0.25em;		/*リストのポチの位置*/
}

.check2 ul li.link_none2::before{
		/*疑似要素*/
	position: absolute;
	left : 1em;		/*左端からのアイコンまで*/
	margin-top : -10px;
	color: #333;		/*アイコン色*/
}

.check2 ul{
	position: relative;
}
.check2 ul li{
	line-height: 1.2;
	padding: 0.5em 0;
	list-style-type: none!important;/*ポチ消す*/
	font-weight:bold;
}
.check2 ul li a{
	/*text-decoration: none;*/
	color:#007bbb;
	width:320px;
	padding:5px;
	font-weight:bold;
	display: block;
	transition: .3s;
}

.link_none2{
	padding:14px 5px!important;
	font-weight:bold;
	display:  block; 
}
.check2 ul li span{
	position: relative;
	display: block;
	padding-left:345px;
	margin-top:-1.8em;
}
@media screen and (max-width:768px){
	.check2 ul li a{
		width:100%;
		font-size:1.1em;
	}
	.link_none2{
		width:100%;
		font-size:1.1em;
	}
	.check2 ul li span{
		width:100%;
		margin-top:.5em;
		padding-left:5px;
	}
}
.check2 ul li a:hover{
	background:#000;
	color:#fff;
}

/* **************************
パンくず
************************** */
#breadcrumbs{
	overflow: hidden;
}
#breadcrumbs li{
	float: left;
	list-style: none;
	margin: 0 .6em 0 1em;
}
#breadcrumbs a{
	background: #000;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	color: #fff;
	position: relative;
}
#breadcrumbs a:hover{
  background: #cccccc;
	color:#000;
}
#breadcrumbs a::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #000 #000 #000 transparent;
	left: -1em;
}
#breadcrumbs a:hover::before{
	border-color: #cccccc #cccccc #cccccc transparent;
}
#breadcrumbs a::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #000;
	right: -1em;
}
#breadcrumbs a:hover::after{
	border-left-color: #cccccc;
}
#breadcrumbs .current,
#breadcrumbs .current:hover{
	font-weight: bold;
	background: none;
	color:#000;
}
#breadcrumbs .current::after,
#breadcrumbs .current::before{
	content: normal;
}

/* **************************
アイコンリンク
************************** */
a::after{
	font-family:'FontAwesome';
	margin-left: .5em;
}
a[href$=".pdf"]::after{
	content:'\f1c1';
}
a[href$=".zip"]::after{
	content:'\f1c6';
}
a[href$=".doc"]::after,
a[href$=".docx"]::after{
	content:'\f1c2';
}
a[href$=".xls"]::after,
a[href$=".xlsx"]::after{
	content:'\f1c3';
}
a[href$=".ppt"]::after,
a[href$=".pptx"]::after{
	content:'\f1c4';
}
a[href$=".txt"]::after{
	content:'\f0f6';
}
a[href$=".png"]::after,
a[href$=".jpg"]::after,
a[href$=".gif"]::after{
	content:'\f03e';
}
a[href^="mailto:"]::after{
	content:'\f003';
}

/* ==========================================================
テ－ブル設定
========================================================== */
/* **************************
テ－ブル設定①
************************** */
/* SPのみtableを縦一列（カード形式）にする */
.table-change table{
	border-collapse: collapse;
	table-layout: fixed;	/*追加*/
	width: 100%;
	font-size:115%;
	color:#000;
}
.table-change table th{
	text-align:left;
	color: #fff;
	padding: 10px 15px;
	background: #51425b;
	/*font-size: 117%;*/
	line-height: 100%;
}
.table-change table td{
	padding: 10px 15px;
}
.table-change table tr:nth-child(2n){
	background: #fff;
}

.table-change table tr:nth-child(2n+1){
	background: #d7cddc;
}
@media only screen and (max-width: 768px) {
	.table-change table{
		font-size:100%;
		border: none;
	}
	.table-change table thead tr th{
		width:25%;
		width : -webkit-calc(100% / 5) ;
		width: calc(100% / 4);
		background:#51425b;
	}
	.table-change table tr{
		border-top: 1px solid #999;
		display: block;
		margin-bottom: 5px;
	}
	.table-change table td{
		display: block;
		margin:1px;
		padding:2px;
	}
	.table-change table td::before{
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}
	.sp_blue{
		background: #00aaeb;
		color:#fff;
		/*font-weight: bold;*/
	}
	/* スマホ表示時に br 解除 */
	.table-change br{
		display: none;
	}
}
/* **************************
テ－ブル設定② 
************************** */
/* =========================================================
★作成途中★　古文書 > ○○家文書
========================================================== */
/* SPのみ　th要素が横に長いケース */
.table-change2 table{
	/*display:block;*/
	border-collapse: collapse;	/*罫線非表示 */
	width: 100%;
	font-size:115%;
	color:#000;
}
.table-change2 thead {
	/*display:block;*/
}
.table-change2 table th{
	text-align:left;
	color: #fff;
	padding: 10px 15px;
	background: #51425b;
	/*font-size: 117%;*/
	line-height: 100%;
}
.table-change2 table td{
	padding: 10px 15px;
}
.table-change2 table tr:nth-child(2n){
	background: #fff;
}
.table-change2 table tr:nth-child(2n+1){
	background: #d7cddc;
}
@media only screen and (max-width: 768px) {
	.table-change2 table{
		display:block;
	}
	.table-change2 table thead{
		display:block;
		float:left;
	}
	.table-change2 table tbody{
		display: block;
		width: auto;
		overflow-x: auto; 
		white-space: nowrap;
		overflow-x:scroll;
	}
	.table-change2 table th{
		display: block;
		width:auto;
	}
	.table-change2 table tbody tr{
		display: inline-block; 
		margin: 0 -3px;
	}
	.table-change2 table td{
		display: block;
		/*width: 25%; */
	}
	/* スマホ表示時に br 解除 
	.table-change2 br{
		display: none;
	}*/
}
/* ************************************
テ－ブル設定③ 「行政刊行物」
*************************************** */
.table_block_link{
	overflow: auto;	/*tableをスクロールさせる*/
	white-space: nowrap;	/*tableのセル内にある文字の折り返しを禁止*/
}
.table_block_link::-webkit-scrollbar{	/*tableにスクロールバーを追加*/
	height: 12px;
}
.table_block_link::-webkit-scrollbar-track{	/*tableにスクロールバーを追加*/
	background: #F1F1F1;
}
.table_block_link::-webkit-scrollbar-thumb {	/*tableにスクロールバーを追加*/
	background: #BCBCBC;
}
.table_block_link table{
	width:95%;
	margin:0 auto;
	/*border: 1px solid #595653;*/
	margin-top: 0.8em ;
	margin-bottom: 0.5em ;
}
.table_block_link th{
	/*padding:0 10px;*/
	border: 1px solid #595653;
	background: #f8f4e6;
	width:16.666666%;
}
.table_block_link td{
	/*padding:0 10px;*/
	border: 1px solid #595653;
	width:16.666666%;
}

.table_block_link a{
	display:block;
	width:100%;
	height:100%;
	/*margin:2px 10px;*/
	/*padding:2px 10px;*/
	/*padding: 10px;*/
	/*background:#f8e58c;
	background:#fff;*/
	color:#007bbb;
	text-decoration: none;
	text-align:center;
	font-weight:bold;
}
.table_block_link a:hover{
	background:#000c;
	color:#fff;
}

.table_block_link td ul{
  list-style: none;      /* リストの点消す */
  margin: 1px 0;
  padding-left: 0px;     /* 左の余白消す */
  text-align: center;
}

/* ************************************
テ－ブル設定④ 古文書 > ●●家文書
*************************************** */
.row-head{
	border-collapse: collapse;
	vertical-align: middle;
	width: 100%;
}
.row-head th,
.row-head td{
	border: 1px solid #dbe1e8;  
	padding: 8px;
}
.row-head td{
	background:#fff;
}
.row-head th{
	background: #790e13;
  color:#fff;
}
.row-head label{
	line-height: 34px;
	margin: 0;
}
@media only screen and (max-width: 768px) {
	.row-head{
		table-layout:fixed;width:100%;
	}
	.row-head thead{
		display: none;
	}
	.row-head tr,
	.row-head td{
		background: #fff;
		display: block;
		width: auto;
	}
	.row-head tr{
		border: 1px solid #dbe1e8;
		border-radius: 5px;
		box-shadow: 3px 3px rgba(0, 0, 0, .1);
		margin-bottom: 20px;
		padding: 8px 8px 0;
	}
	.row-head td{
		border: none;
		border-bottom: 1px solid #dbe1e8;
		display: flex;
		justify-content: space-between;
		/*text-align: right;*/
		overflow-wrap: break-word;
	}
	.row-head td:last-child{
		border-bottom: none;
	}
	.row-head td::before{
		content: attr(aria-label);
		display: inline-block;
		font-weight: bold;
		float: left;
		text-align: left;
		padding-right: 20px;
		white-space: nowrap;
	}
}

/* **************************
table 幅指定
************************** */
.w5{
	width: 5%;
}
.w10{
	width: 10%;
}
.w15{
	width: 15%;
}
.w20{
	width: 20%;
}
.w25{
	width: 25%;
}
.w30{
	width: 30%;
}
.w35{
	width: 35%;
}
.w40{
	width: 40%;
}

/* ==========================================================
★古文書 > 〇〇家文書　スマホで見た時/PCで見た時
========================================================== */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc{
	display: block !important;
}
.sp{
	display: none !important;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
	.pc{
	display: none !important;
}
	.sp{
	display: block !important;
}
}
/* **************************
ページトップへの戻り
************************** */
#return-top{
	background-color: #d66262;
	border-radius: 50%;
	bottom: 10px;
	color: #fff;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	outline: 0;
	position: fixed;
	right: 10px;
	text-align: center;
	width: 60px;
}
#return-top a{
	background-color: #d66262;
	color: #fff;
}
#return-top a:hover{
  text-decoration: none;
  opacity: 0.7;
}

.noline{
	text-decoration:none;
}



/* ==========================================================
写真・絵図 /graphics
========================================================== */
.graphics{
	/*background-color: #ffe;*/
	background-color: #f8f4e6;
	border: 1px solid #999;
	list-style: none;
	position: relative;
	/*margin-top: 2em; */
	/*margin-bottom:1em;
	padding: 2em 1em 1em; */
	margin-top: 1em;
  margin-bottom: 1.2em;
	padding: 1em 1em 1em;
}
/*
.graphics:before {
	content: "";
	background-color: rgba(215, 205, 220, .6);
	position: absolute;
	top: -1.5em;
	left: 40%;
	width: 100px;
	height: 40px;
	transform: rotate( -10deg );
}
*/
.graphics ul{
	position: relative;
}
.graphics ul li{
	line-height: 1.5em;
	list-style-type: none!important;      /*ポチ消す*/
	padding:1.5em 10px;
	border-bottom:1px solid #d7cddc;
	/*border-bottom:1px solid #84b2e0;*/
}
/*
.graphics ul li:before {	        疑似要素
	font-family:'FontAwesome';
	content: "\f192";
	/*content: "\f00c";  チェック
	position: absolute;
	left : 1em;		    左端からのアイコンまで
	color: #ffb03f;		アイコン色 黄色
}*/

.graphics li:last-child{
	border-bottom:0px;
}
.graphics .btn-right{
	margin-top:-10px;
	margin-bottom:1em;
}

.graphics ul li span{
	display: block;
	padding-left:300px;
	/*padding-right:200px;*/
	margin-top:-1.5em;
}




.graphics .btn-right{
	margin-top:.1px;
  margin-bottom:1em;
 }


@media screen and (max-width:768px){
	.graphics ul li{
	border-bottom:0px;
}
	.graphics ul li a{
		width:100%;
		font-size:1.1em;
	}
	.graphics ul li span{
		width:100%;
		margin-top:.6em;
		padding-left:5px;
	}
.graphics .btn-right{
	margin-top:3px;
	margin-bottom:2.5em;
 }
}

/*
.graphics ul li a:hover{
	background:#000;
	color:#fff;
}*/
/* **************************
写真・絵図一覧（タイトル/写真/本文）
************************** */
.box_pho{
/*	margin: 5px 0;*/
	float: left;
	width: 100%;
	background: #f8f4e6 ;
  margin-bottom: 1em ;
}
.box_pho img{
	width: 30%;
  height: auto;
	/*max-height:200px;*/
	margin:10px;
	float: left;
}
.box_pho a:hover img {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.box_pho p{
	margin: 0;
	padding: 10px;
	height:180px;
	display:table-cell;
	vertical-align:middle;
}
.box_pho .right{
	width: 65%;
	float: left;
	padding-bottom:10px;
}
.box_pho .right h3{
	margin-top: 5px ;
}
@media screen and (max-width:768px){
	.box_pho{
		display:block;
		margin-bottom:15px;
	}
	.box_pho img{
		margin: 10px;
		max-width: 90%;
		width: 90%;
	}
	.box_pho p{
		margin: 0;
		padding: 10px;
		margin-bottom:10px;
		height:auto;
	}
	.box_pho .right{
		margin-top:0px;
		width: 100%;
	}
	.box_pho .right h3{
		margin-top: 20px ;
		margin-bottom:5px;
	}
}

/* ==========================================================
行政刊行物等 /gyousei
========================================================== */
.g_kaknkou{
	background-color: #ffe;
	border: 1px solid #999;
	list-style: none;
	position: relative;
	margin-bottom:1em;
}
.g_kaknkou li{
	display: inline-block;
	line-height:50px;
}
.g_kaknkou a{
	text-decoration: none;
	padding:10px;
	font-weight: bold;
	text-align:center;
	border-radius: 3px;
	background:#48c4e3;
	color:#fff;
}
.g_kaknkou a:hover{
	background-color: #000;
	color: #fff;
}

/* ==========================================================
topページ
========================================================== */
/* **************************
ピックアップ（topページ）
************************** */
.box{
/*	margin: 5px 0;*/
	float: left;
	width: 100%;
	background: #f8f4e6 ;
}
.box img{
/*	max-width: 60%;*/
	width: 57%;
	margin:10px;
	float: left;
}
.box p{
	margin: 0;
	padding: 10px;
}
.box .right{
	width: 40%;
	float: left;
	padding-bottom:10px;
}
.box .right h3{
	margin-top: 10px ;
}

@media screen and (max-width:768px){
	.box{
		margin-bottom:20px;
	}
	.box img{
		margin: 10px;
		max-width: 90%;
		width: 90%;
	}
	.box p{
		margin: 0;
		padding: 10px;
		margin-bottom:10px;
	}
	.box .right{
		margin-top:0px;
		width: 100%;
	}
}
/* **************************
お知らせ （topページ）
************************** */
.topics{
	clear:both;
	overflow-y: scroll;
	height: 380px;
	background:#fdfdfd;
	/*height: 300px;*/
}
.topics dl{
	padding: 5px 0;
	/*border-bottom: 1px solid #ccc;*/
}
.topics dt{
	padding: 3px 3px 3px 5px;
	/*background:#008899;*/
	background:#790e13;
	color:#fff;
	font-weight:bold;
}
.topics dd{
	margin:5px 3px 3px 3px;
}
@media screen and (max-width: 768px) {
	.topics{
		display:block;
		width:90%;
		margin-top:10px;
	}
}

/* ==========================================================
過去のお知らせ bn.html
========================================================== */
/* **************************
過去のお知らせ（bn.html）
************************** */
.topics_bn{
	width:100%;
	margin : 0 auto;
	/*text-align:center;*/
}
.topics_bn dl{
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.topics_bn dt{
	margin: 0 10px 0 5px;
	padding: 3px 3px 3px 5px;
	background:#790e13;
	color:#fff;
	font-weight:bold;
}
.topics_bn dd{
	overflow:hidden;
	/*margin-left: 11%;*/
	margin: 10px;
	padding: 5px;
}
@media screen and (max-width: 768px) {
	.topics_bn dl{
		padding: 5px 0;
	}
	.topics_bn dt{
		padding: 3px;
		background:#7c6e85;
		color:#fff;
		font-weight:bold;
	}
}