@charset "utf-8";
/*------------------------------------------------------------------------------
[1] 共通設定
[2] メインコンテンツ 共通設定
[3] メインコンテンツ 詳細設定
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] 共通設定
*******************************************************************************/
img{
	max-width: 100%;
	height: auto;
}
hr{
	margin:0px 15px 25px 15px;
	color:#FFFFFF;
	border:solid 1px #CCCCCC;
}
/*　本文へ　*/
#blockskip a{
	color:#FFF;
	background-color:#333;
}
/*******************************************************************************
[2] メインコンテンツ 共通設定
********************************************************************************/
#content p.update, #content2 p.update, #content3 p.update{
	letter-spacing:normal;
}
#content p span.idnumber, #content2 p span.idnumber, #content3 p span.idnumber{
	border-radius: 100vh;
	letter-spacing:normal;
	padding:5px 10px;
	background:#F2F2F2;
	border-color: #D5D5D5;
}
/*==============================================================================
	印刷ボタン
==============================================================================*/
#content p span.print,#content2 p span.print,#content3 p span.print,
#content p span.printl,#content2 p span.printl,#content3 p span.printl{
	border:2px solid #DADADA;
	border-radius: 3px;
}
#content p span.print a,#content2 p span.print a,#content3 p span.print a,
#content p span.printl a,#content2 p span.printl a,#content3 p span.printl a{
	background:url(images/content/print.svg) no-repeat right 5px center;
}
/*******************************************************************************
[3] メインコンテンツ 詳細設定
********************************************************************************/
/*==============================================================================
	見出し・段落（h1からh6まで）
==============================================================================*/
#content h1:not(.h1img),
#content2 h1:not(.h1img),
#content p.faqtitle,
#content3 h1:not(.h1img){
	padding:0px 10px 20px 30px;
	font-size:250%;
	line-height:1.5;
	position: relative;
}
#content h1:not(.h1img)::before,
#content2 h1:not(.h1img)::before,
#content p.faqtitle::before,
#content3 h1:not(.h1img)::before{
    width:2px;
    height:40px;
    display:block;
    left:0;
    top:.3em;
    position:absolute;
    content:"";
    background: #73550A;
}
#content h2,#content2 h2{
	padding:15px 5px 15px 25px;
	font-size:162.5%;
	background:url(images/content/h2_bg2.png) repeat-y right center, url(images/content/h2_bg1.png) no-repeat left top,
    #F0F0F0	;
	line-height:1.5;
	position: relative;
}
#content h2::before,#content2 h2::before{
	position: absolute;
	left:2px;
	top:11px;
	content:"";
	background: #D2B428;
	height: calc(100% - 11px);
	width: 1px;
}
#content h3,#content2 h3{
	padding:12px 5px 12px 15px;
	font-size:140%;
	line-height:1.5;
	background: #FFF;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	position: relative;
}
#content h3::before,#content2 h3::before{
	content:"";
	position: absolute;
	left:0;
	top: calc(50% - 13px);
	background: #D2B428;
	height:26px;
	width:1px;
}
#content h4,#content2 h4{
	margin-left:0px;
	padding:8px 5px 8px 15px;
	font-size:120%;
	background: #F0F0F0;
	border-left:1px solid #D2B428;
	line-height:1.5;
}
#content h5,#content2 h5{
	margin-left:0px;
	padding:2px 5px 2px 11px;
	font-size:100%;
	border-left:1px solid #cfb329;
	line-height:1.5;
}
#content h6,#content2 h6{
	margin-left:5px;
	padding:0px 5px 0px 10px;
	font-size:100%;
	line-height:1.5;
}
/*==============================================================================
	リスト
==============================================================================*/
/*------------------------------------------------------------------------------
	定義リスト
------------------------------------------------------------------------------*/
#content dl{
	width:calc(100% - 15px);
}
#content dt{
	border:none;
	background: #F0F0F0;
	border-radius:5px;
}
#content dd{
	border-color:#CCC;
	width: calc(100% - 15px - 175px);
}
#content2 dt,#content2 .fieldlabel{
	border-color:#CCC;
}
#content2 dd fieldset.address,
#content2 .fieldfrom fieldset.address{
	padding:0px;
}
#content dd h3,#content2 dd h3{
	padding:10px 5px 8px 15px;
	font-size:110%;
	line-height:1.5;
	background: #FFF;
	border-top:none;
	border-bottom:1px solid #CCC;
	position: relative;
}
/*------------------------------------------------------------------------------
	リンク付リスト
------------------------------------------------------------------------------*/
#content ul.objectlink li,
#content2 ul.objectlink li{
	margin-bottom:10px;
	padding-left:22px;
	position:relative;
}
#content ul.objectlink li:not([class])::before,
#content2 ul.objectlink li:not([class])::before{
	width:16px;
	height:16px;
	content:"";
	position:absolute;
	top:calc(.75em - 8px);
	left: 0px;
	border-radius: 50%;
	background: #D2B428;
}
#content ul.objectlink li:not([class])::after,
#content2 ul.objectlink li:not([class])::after{
	width: 6px;
	height: 6px;
	content:"";
	position:absolute;
	top:calc(.75em - 3px);
	left: 4px;
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	box-sizing: border-box;
	transform:rotate(45deg);
}
/*==============================================================================
	リストページ
==============================================================================*/
/*------------------------------------------------------------------------------
	通常リスト（セカンドトップ含む）
------------------------------------------------------------------------------*/
#content ul.listlink,
#content2 ul.listlink,
#content ul.listlink2,
#content2 ul.listlink2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#content ul.listlink::after,
#content2 ul.listlink::after,
#content ul.listlink2::after,
#content2 ul.listlink2::after{
	content:none;
}
#content ul.listlink li,
#content2 ul.listlink li,
#content ul.listlink2 li,
#content2 ul.listlink2 li,
#content ul.listlink li.thumbslist,
#content ul.listlink2 li.thumbslist,
#content2 ul.listlink li.thumbslist,
#content2 ul.listlink2 li.thumbslist{
	width:calc(100% /2 - 20px);
	position:relative;
	font-size: 120%;
	font-weight: bold;	
	padding:10px 10px 20px 35px;
	box-sizing: border-box;
	background: rgba(255,255,255,.8);
}
#content ul.listlink li::before,
#content2 ul.listlink li::before,
#content ul.listlink2 li::before,
#content2 ul.listlink2 li::before,
#content ul.listlink li.thumbslist::before,
#content ul.listlink2 li.thumbslist::before,
#content2 ul.listlink li.thumbslist::before,
#content2 ul.listlink2 li.thumbslist::before{
	content:"";
	position: absolute;
	left: 0;
	bottom:0 ;
	background-color: #CCC;
	height:2px;
	width: 100%;
}
#content ul.listlink li::after,
#content2 ul.listlink li::after,
#content ul.listlink2 li::after,
#content2 ul.listlink2 li::after,
#content ul.listlink li.thumbslist::after,
#content ul.listlink2 li.thumbslist::after,
#content2 ul.listlink li.thumbslist::after,
#content2 ul.listlink2 li.thumbslist::after{
	content:"";
	position: absolute;
	left: 0;
	bottom:0 ;
	opacity: 1;
	background-color: #CCC;
	height:2px;
	-webkit-transform: scaleX(0);
    transform: scaleX(0);
	width: 100%;
	transition: transform 500ms,opacity 500ms;
}
#content ul.listlink li:hover::after,
#content2 ul.listlink li:hover::after,
#content ul.listlink2 li:hover::after,
#content2 ul.listlink2 li:hover::after,
#content ul.listlink li.thumbslist:hover::after,
#content ul.listlink2 li.thumbslist:hover::after,
#content2 ul.listlink li.thumbslist:hover::after,
#content2 ul.listlink2 li.thumbslist:hover::after{
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	background-color: #D2B428;
	transition: transform 500ms,opacity 500ms;
}




#content ul.listlink li a,
#content2 ul.listlink li a,
#content ul.listlink2 li a,
#content2 ul.listlink2 li a{
	color:#222;
	text-decoration: none;
}
#content ul.listlink li span:not(.thumbslink),
#content2 ul.listlink li span:not(.thumbslink),
#content ul.listlink2 li span:not(.thumbslink),
#content2 ul.listlink2 li span:not(.thumbslink){
	font-weight: normal;
	font-size:80%;
}
/*	リスト画像が登録されていた場合
------------------------------------------------------------------------------*/
#content ul li.thumbslist .thumbslink,
#content2 ul li.thumbslist .thumbslink{
	position:relative;
	padding-left:35px;
}
/*------------------------------------------------------------------------------
	リストマークアイコン
------------------------------------------------------------------------------*/
#content ul.listlink li:not([class]) a::before,#content2 ul.listlink li:not([class]) a::before,
#content ul li.thumbslist .thumbslink a::before,#content2 ul li.thumbslist .thumbslink a::before,
#content ul.listlink2 li a::before,#content2 ul.listlink2 li a::before,
#content ul li.list a::before,#content2 ul li.list a::before{
	width:25px;
	height:25px;
	content:"";
	position:absolute;
	top:calc(.75em - 2px);
	left: 0px;
	border-radius: 50%;
	background: #D2B428;
}
#content ul.listlink li:not([class]) a::after,#content2 ul.listlink li:not([class]) a::after,
#content ul li.thumbslist .thumbslink a::after,#content2 ul li.thumbslist .thumbslink a::after,
#content ul.listlink2 li a::after,#content2 ul.listlink2 li a::after,
#content ul li.list a::after,#content2 ul li.list a::after{
	width: 8px;
	height: 8px;
	content:"";
	position:absolute;
	top:1.05em;
	left: .4em;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	box-sizing: border-box;
	transform:rotate(45deg);
}
#content ul li.thumbslist .thumbslink a::before,
#content2 ul li.thumbslist .thumbslink a::before{
	top:0;
}
#content ul li.thumbslist .thumbslink a::after,
#content2 ul li.thumbslist .thumbslink a::after{
	top:calc(.5em - 2px);
}
/*	リスト画像が登録されていた場合
------------------------------------------------------------------------------*/
#content ul li.thumbslist .thumbslink::before,
#content2 ul li.thumbslist .thumbslink::before{
	top:calc(.75em - 16px);
}
#content ul li.thumbslist .thumbslink::after,
#content2 ul li.thumbslist .thumbslink::after{
	top:calc(.75em - 8px);
}
/*	リストマークアイコン表示させない
------------------------------------------------------------------------------*/
/*#content ul.listlink li.thumbslist::before,#content2 ul.listlink li.thumbslist::before,
#content ul.listlink li.thumbslist::after,#content2 ul.listlink li.thumbslist::after,
#content ul.listlink2 li.thumbslist::before,#content2 ul.listlink2 li.thumbslist::before,
#content ul.listlink2 li.thumbslist::after,#content2 ul.listlink2 li.thumbslist::after,
#petit ul.listlink2 li.thumbslist::before,#petit ul.listlink2 li.thumbslist::after{
  content:none;
}*/
/*------------------------------------------------------------------------------
	孫リスト
------------------------------------------------------------------------------*/
#content ul.captionlink li span.captionlinktitle,
#content2 ul.captionlink li span.captionlinktitle{
	margin:0px 0px 10px 5px;
	padding:10px 5px 10px 12px;
	background:#f0f0f0;
	font-size:120%;
	border-radius:5px;
}
#content ul.captionlink li ul.listlink li span,
#content2 ul.captionlink li ul.listlink li span{
	margin:0px 0px 0px 0px;
}
#content ul.captionlink h2,
#content2 ul.captionlink h2,
#content .articleall .article h2,
#content2 .articleall .article h2{
	margin:15px 10px 8px 10px;
	padding:10px 5px 10px 8px;
	border:none;
}
#content ul.captionlink h2::before,
#content2 ul.captionlink h2::before,
#content .articleall .article h2::before,
#content2 .articleall .article h2::before{
	content:none;
}
#content ul.captionlink h3,
#content2 ul.captionlink h3,
#content .articleall .article h3,
#content2 .articleall .article h3{
	margin:0px 10px 8px 10px;
	padding:7px 5px 4px 8px;
}
#content ul.captionlink h4,
#content2 ul.captionlink h4,
#content .articleall .article h4,
#content2 .articleall .article h4{
	margin:0px 10px 12px 10px;
	padding-left: 8px;
}
#content ul.captionlink h5,
#content2 ul.captionlink h5{
	margin: 0px 10px 8px 10px;
	padding:2px 5px 2px 7px;
}
#content ul.captionlink h6,
#content2 ul.captionlink h6{
	margin: 0px 10px 5px 10px;
	padding-left: 8px;
}
#content ul.captionlink ul.listlink,
#content2 ul.captionlink ul.listlink{
	margin-top:10px;
}
/*------------------------------------------------------------------------------
	孫リスト（ローカルなし孫見出し2列）
------------------------------------------------------------------------------*/
#content2 .smenu h2{
	border-left:none;
	border-top:none;
	border-right:none;
	background-size: 40%;
}
#content2 .smenu ul.listlink{
	margin:0px 10px 0px 25px;
	border:none;
}
#content2 .smenu ul.listlink li{
	padding:0px 0px 0px 25px;
	border:none;
}
/*------------------------------------------------------------------------------
	.list
------------------------------------------------------------------------------*/
#content ul li.list,#content2 ul li.list{
	position:relative;
}
/*------------------------------------------------------------------------------
	カード型
------------------------------------------------------------------------------*/
#content ul.listcard li, #content2 ul.listcard li{
	margin-left:0;
	margin-right: 20px;
	font-weight: bold;
}
#content ul.listcard li span, #content2 ul.listcard li span{
	font-weight: normal;
}
/*==============================================================================
	添付ファイルアイコン common.cssに記載
==============================================================================*/
/*==============================================================================
	テーブル
==============================================================================*/
#content table, #content2 table{
	margin-left:10px;
}
#content th,#content2 th{
	background:#F1F2F3;
}
#content th a,#content2 th a,
#content td a,#content2 td a{
	word-break: break-all;
	display:block;
}
/*------------------------------------------------------------------------------
	表内リンクテンプレート
------------------------------------------------------------------------------*/
#content table ul.objectlink,#content2 table ul.objectlink{
	margin:0px 15px 0px 0px;
}
/*==============================================================================
	地図　common.cssに記載
==============================================================================*/
/*==============================================================================
	関連情報、添付ファイル
==============================================================================*/
#content h2.kanren,#content2 h2.kanren{
}
/*==============================================================================
	オープンデータエリア
==============================================================================*/
#content .opendata h3,#content2 .opendata h3{
}
#content .opendata .license, #content2 .opendata .license{
	font-size:95%;
}
/*==============================================================================
	plugin
==============================================================================*/
.plugin{
	margin:40px auto;
	background:#F1F2F3;
	border:1px dotted #999;
	line-height:1.5;
}
/*==============================================================================
	ページ内アンケート
==============================================================================*/
#pagequest{
	margin:40px auto 40px auto;
	padding-bottom: 20px;
	width:90%;
	clear:both;
	background:#f0f0f0;
}
#pagequest h2{
	margin:0px 0px 10px 0px;
	padding:20px;
	font-size:110%;
	background:#e3e4e5 none;
}
#pagequest h2::before{
	content:none;
}
#pagequest p,#pagequest fieldset{
	margin:20px 20px 20px 20px;
	border:none;
	line-height:1.3;
}
#pagequest p label,#pagequest fieldset legend{
	margin-bottom:6px;
	padding:2px 0px 0px 7px;
	border-left:4px solid #CCCCCC;
}
#pagequest p label,#pagequest p strong,#pagequest fieldset legend{
	width:100%;
	display:inline-block;
}
#pagequest input,#pagequest textarea{
	margin:0px 4px 2px 13px;
	vertical-align:middle;
}
#pagequest input[type="text"],#pagequest textarea{
	width:90%;
}
#pagequest p.textcenter button{
	margin:0px;
	padding:10px 25px;
	border: none !important;
	background-color: #CCC;
	-webkit-appearance:none;
	cursor:pointer;
}
/*==============================================================================
	お問合せ
==============================================================================*/
#reference{
	margin:40px auto 40px auto;
	width:90%;
	clear:both;
	background: #F4ECC9;
}
#reference h2{
	margin:0px;
	padding:20px;
	font-size:110%;
	background:#E6D689;
}
#reference h2::before{
	content:none;
}
#reference p{
	margin:0px;
	padding:20px;
}
#reference p span.department{
	font-weight:bold;
	font-size: 130%;
}
#reference p a.mail{
	padding-left:30px;
	background:url(images/content/mail.png) no-repeat left 3px;
}
/*==============================================================================
	【キッズ】見出し・段落（h1からh6まで）
==============================================================================*/
/*　#content h6、#content p、その他はcontent.css共通　*/
.kids #content h1:not(.h1img){
	margin-bottom:15px;
	padding:18px 75px 18px 10px;
	font-size:140%;
	font-weight:bold;
	background:#FFEDB5 url(images/kids/h1_bg.png) no-repeat right 10px top 5px;
	border:none;
	border-left:8px solid #FFCA28;
	border-bottom:2px solid #CCC;
	border-right:2px solid #CCC;
}
.kids #content h1:not(.h1img)::before,
.kids #content2 h1:not(.h1img)::before,
.kids #content3 h1:not(.h1img)::before{
	content:none;
}
.kids #content h2{
	margin-bottom:10px;
	padding: 10px 30px 10px 15px;
	clear:both;
	font-size:130%;
	font-weight:bold;
	background:#FFF9E6 url(images/kids/h2_bg.gif) no-repeat right top;
	border:2px solid #FFCA28;
}
.kids #content h3{
	margin-bottom:10px;
	padding:5px 5px 5px 15px;
	clear:both;
	color:#000;
	font-size:120%;
	font-weight:bold;
	background:none;
	border:none;
	border-bottom:4px dotted #FFCA28;
}
.kids #content h4{
	margin-bottom:10px;
	margin-left:5px;
	padding:5px 5px 5px 10px;
	clear:both;
	font-size:110%;
	font-weight:bold;
	border:none;
	border-bottom:2px solid #FFCA28;
}
.kids #content h5{
	margin-bottom:10px;
	margin-left:5px;
	padding:0px 5px 0px 7px;
	clear:both;
	font-size:100%;
	font-weight:bold;
	border-left:3px solid #FFCA28;
}
/*　画像枠　*/
.kids img.imgborder{
	padding:8px;
	border:2px solid #CCC;
}
.kids #content dt{
	border-color:#FFCA28;
	background-color:#FFEDB5;
}
.kids #content #pagequest h2,
.kids #content2 #pagequest h2{
	margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 10px;
    font-size: 100%;
    background: #F1F2F3 none;
    border:none;
    border-bottom: 1px dotted #CCCCCC;
}
.kids #content ul.objectlink li:not([class])::before,
.kids #content2 ul.objectlink li:not([class])::before{
	width:16px;
	height:16px;
	content:"";
	position:absolute;
	top:calc(.75em - 8px);
	left: 0px;
	border-radius: 50%;
	background: #222;
}
.kids #content ul.objectlink li:not([class])::after,
.kids #content2 ul.objectlink li:not([class])::after{
	width: 6px;
	height: 6px;
	content:"";
	position:absolute;
	top:calc(.75em - 3px);
	left: 4px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	box-sizing: border-box;
	transform:rotate(45deg);
}
/*==============================================================================
	お問合せ
==============================================================================*/
.kids #reference{
	margin:20px auto 30px auto;
	padding:0px;
	width:90%;
	clear:both;
	background:#FFF url(images/kids/reference_bg.gif) no-repeat 30px center;
	border:5px solid #FFCA28;
}
.kids #reference h2{
	margin:0px;
	padding:8px;
	padding-left:150px;
	font-size:120%;
	background:none;
	border:none;
}
.kids #reference p{
	margin:0px;
	padding:0px 10px 10px 10px;
	padding-left:150px;
	background:none;
}
.kids #reference p span.department{
	font-size:100%;
}