@charset "utf-8";
/*************************************************
 style.css
**************************************************/
body{margin:0;font-size:100%;line-height:1.3;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-text-size-adjust:100%;}
header ,article ,footer ,section ,h1,h2,h3,hr{clear:both;}/*-clear-*/
article ,section ,nav ,dl,ul,div{padding:0 0 5px;overflow:auto;}/*-hasLayout-*/
input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
input[type="button"],input[type="submit"]{cursor:pointer;}/*-formAppearanceClear-*/
h1,h2,h3,h4,h5,p,dl,ul,ol {margin-top:0;}
ul{list-style:none;}
ul,ol{padding-left:30px;}
textarea{max-width:95%;}
fieldset{margin:0 0 1em;padding:0 0 5px;border:none;}
a{color:#00476A;text-decoration:underline;}
a:visited{color:#56747b;}
a:hover{color:#14205F;}
a:active{color:#5D0000;}
a:hover img{opacity:.8;}

a:focus{outline:2px solid #0044CC;outline-offset: -2px;}
input:focus{outline:2px solid #0044cc;outline-offset: -2px;}

img{border:none;vertical-align:middle;}
#Map,#Map *,#jump{padding:0;overflow:visible;}
#jump a{position:absolute;width:0;height:0;overflow:auto;text-indent:-100em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0;background:#FFFFFF;text-align:center; z-index: 1000;}

/* CONTENTS WIDTH */
body { min-width: 320px;}
#TOP { min-width: 1100px; padding-bottom: 0px;}
header .wrap,
header nav ul,
footer .wrap,
.contents .wrap,
footer nav ul { width: 1100px; margin: 0 auto;}
.contents article { width: 800px; margin-right: 40px; float: left;}
.no_nav .contents article{ width: auto; float: none;}
.contents nav{ width: 260px; ;float: right;}
/* -------------- */

/* BG-COLOR */
body,
header,
.contents,
footer nav
{ background-color: #ffffff; color: #000000;}

header .page_control .search input.search_bt,
header nav ul li a:hover,
header nav ul li a:focus,
ul#menu dl.focus dt a
/*
header .page_control dl dt:focus,
header .page_control dl dd a:focus
*/
{ background-color: #FAFAFA; color: #000000;}
/* -------- */

header { position: relative; margin: 0em auto; overflow: visible;}
header .wrap {padding:20px 0px 0px;}
header .title,
header h1 {width:222px;margin: 12px 0px 0px;padding:0;float:left;}
header .title a,
header h1 {display:block;height:68px;}
header .page_control{float:right;margin:0px;padding:0;}
header .UD{float:left;margin: 2px 0px 0px;padding:0;}
header .page_control ul{margin:0px;float:left;}
header .page_control ul li{float:left;padding:8px 10px 8px 16px;background:url(../img/arrow_header_menu.png) no-repeat left center;font-size:0.9em;}
header .page_control dl,
header .page_control dl dt,
header .page_control dl dd{min-height:44px;margin:0;padding:0;float:left;}
header .page_control dl dd {width:36px;}
header .page_control dl{height:44px;margin:0 8px 0 0;padding:0;float:left;transition-duration:0.3s;overflow:hidden;}
header .page_control dl dt{}
header .page_control dl dd a{position:relative;display:block;width:36px;height:44px;}
header .page_control dl dd a:before{display:block;content:" ";position:absolute;top:0px;left:0px;right:0px;height:36px;z-index:1;}
header .page_control dl dd.default a:before{background-color:#28682D;}
header .page_control dl dd.smaller a:before{background-color:#308742;}
header .page_control dl dd.larger a:before{background-color:#18421C;}
header .page_control dl.color_change dd.default a:before{background-color: #FFFFFF;box-shadow:inset 0px 0px 0px 1px rgba(51,51,51,1);}
header .page_control dl dd.high a:before{background-color: #333333;}
header .page_control dl dd.low a:before{ background-color: #C0C0C5;}
header .page_control dl dd a img{position:relative;z-index:2;}
header .page_control .search {width:210px;margin: 0px;padding:0;float:right;text-align:center;}
header .page_control .search div{margin:0;padding:0;background:#DDDDDD;}
header .page_control .search label.search_txt{display:block;width:13%;float:left;color:#000000;background:url(../img/search_bg.png) no-repeat center;text-indent:-100em;min-height:36px;}
header .page_control .search input#search_txt {display:block;width:62%;margin:0px 0 0 0;padding:12px 0;border:none;background-color:transparent;float:left;}
header .page_control .search input#search_txt:focus {background-color:rgba(255,255,255,0.3);outline:none;}
header .page_control .search input.search_bt {width:25%;color:#FFFFFF;background:#222222;margin:0px auto 0;padding:9px 0;font-weight:bold;border:none;float:right;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;}
header .tab{width:633px;margin:10px 0px 0px;padding:0px;clear:right;float:right;}
header .tab li{width:50%;padding:0px;float:left;}
header .tab li a{display:block;margin-left:16px;height:26px;padding:20px 0px;border:5px solid #E7EEBF;border-bottom:none;background:url(../img/sub_menu_bg.png) no-repeat center center;text-align:center;transition-duration:0.5s;}
header .tab li.active a{border-color:#249941;}
header .tab li a:hover{border-color:#579b4b;}
header nav {padding-bottom: 0px; background-color: #e7e7e7; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; z-index: 1000; overflow-x: hidden;}
header nav.active { position: fixed; top: 0px; left: 0%; right: 0%; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);}
header nav ul {padding: 0; list-style: none;overflow:auto;}
header nav.active ul {}
header nav ul li{ position: relative;width:16%;margin:0; float:left; text-align:center; box-sizing: border-box;}
header nav ul li.menu02 { width: 18.5%;}
header nav ul li.menu03 { width: 26.5%;}
header nav ul li.menu04 { width: 16.5%;}
header nav ul li.menu05 { width: 22.5%;}
/* city */
header nav ul.menu6 li.menu01 { width: 20%;}
header nav ul.menu6 li.menu02 { width: 20%;}
header nav ul.menu6 li.menu03 { width: 20%;}
header nav ul.menu6 li.menu04 { width: 20%;}
header nav ul.menu6 li.menu05 { width: 20%;}
header nav ul li a{display:block;margin:5px 3px;padding:15px 0px;background:#ffffff;background-image: linear-gradient(to bottom, rgba(0,0,0,0) 52%, #efefef 100%);color:#000000;transition-duration:0.5s;}
header nav ul li a:hover{background:#9FD25B;}
ul#menu dl { position: relative; height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; overflow: visible;}
header nav ul li a,
ul#menu dl dt a { position: relative; display: block; height: 100%; transition-duration: 0.2s;}
header img{max-width:100%;height:auto;}
/*
header nav ul li a img,
ul#menu dl dt a img { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -70px;}
*/
ul#menu dl dd { position: absolute; top: 80px; width: 1100px; padding: 0px; margin: 0px; max-height: 0px; background-color: rgba(57,79,120,1); transition-duration: 0.6s; overflow: hidden; z-index: 1000;}
header nav.active ul#menu dl dd { top: 60px;}
ul#menu li.menu02 dl dd { left: -100%;}
ul#menu li.menu03 dl dd { left: -200%;}
ul#menu li.menu04 dl dd { left: -300%;}
ul#menu li.menu05 dl dd { left: -400%;}
ul#menu li.menu06 dl dd { left: -500%;}
ul#menu dl dd ul.sub_category li:nth-of-type(5n+1) { clear: both;} /* 5個並びの場合 */
ul#menu dl:hover dd,
ul#menu dl:focus-within dd,
ul#menu dl.focus dd{ height: auto; max-height: 400px; margin: 0px;}
ul#menu dl dd ul.sub_category { margin: 0px; padding: 0px; height: auto; width: auto; font-size: 0.9em;}
ul#menu dl dd ul.sub_category li {}
ul#menu dl dd ul.sub_category li a { display: block; color: #ffffff; padding: 1.8em 0.5em; box-sizing: border-box;}
ul#menu dl dd ul.sub_category li a:hover { background-color: rgba(0,0,0,0.5);}
ul#menu dl:hover a { background-color: rgba(57,79,120,1);}
ul#menu dl dt a:before {position: absolute; content: ""; display: block; left: 50%; margin-left: -3px; bottom: 3px; transition-duration: 0.1s;border-top: 5px solid #000000; border-right: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent;}
ul#menu dl:hover dt a:before,
ul#menu dl.focus dt a:before { bottom: 0px; border-top-color: #ffffff;}

.contents h1{padding:1em 0.5em;border-top:5px solid  #249941;background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #F5F5F5 100%);font-weight:normal;}
header nav ul,
.contents {transition-duration: 0.3s;}
.contents { width: 100%;} /* navの高さ */
.contents.active { padding-top: 60px;} /* 上に引っ付いた時の高さ */
.contents nav ul,
.contents nav dl{padding:0;border:5px solid #E7E7E7;list-style:none;}
.contents nav dl dt{font-weight:bold;padding:1.5em 0.5em 1.4em 0.5em;background:#1F8237;color:#FFFFFF; text-align: center;}
.contents nav dl dd{margin:0;}
.contents nav dl dd:nth-of-type(even) { background-color: #F4F8E4;}
.contents nav dl dd a{position: relative; display:block;padding:1.5em 0.5em 1.4em 2em;text-decoration:none;}
.contents nav dl dd a:before { position: absolute; content: ""; display: block; width: 0.8em; height: 0.8em; top: 1.7em; left: 0.7em; background:url(../img/menu_list_arrow.png); background-size: contain; transition-duration: 0.2s;}
.contents nav dl dd a:hover:before { left: 0.9em;}

.contents nav ul.banner { border: none;}
.contents nav ul.banner li { margin: 0em auto 1.5em; padding: 0px;}
.contents nav ul.banner li:before { display: none;}
.contents nav ul.text_banner { border: none;}
.contents nav ul.text_banner li { width: auto; height: auto; margin: 0px 0px 1em; padding: 0px;}
.contents nav ul.text_banner li a { display: block; width: 100%; height: auto; margin: 0px; padding: 1.4em 1.5em 1.3em 1em; text-decoration: none; background-color: #ffffff; border: 2px solid #DDDDDD; box-sizing: border-box;}
.contents nav ul.text_banner li a:hover { opacity: 0.7;}
.contents nav ul.text_banner li:before { top: 2px; bottom: 2px; left: inherit; right: 2px; height: auto; width: 1em; background: url(../img/button_more_arrow.png) center center no-repeat #249941; border-radius: 0px; z-index: 2;}


footer { background:#333333; color:#ffffff; font-size: 0.9em;}
footer ul,
footer dl{margin:1em 0 0 0;padding:0 0 1em 0;float:left;}
footer dt{margin:0.3em 0em;padding:0; font-size: 1.4em;}
footer dd{margin:0;padding:0;}
footer ul{float:right;}
footer ul li{margin:0px 10px;float:left;}
footer ul li a{display:block;padding: 0.8em 30px 0.8em 0.8em;;background:#ffffff url(../img/arrow_footer_menu.png) no-repeat 94% center; text-decoration: none; transition-duration: 0.2s;}
footer ul li a:hover { background-position: 96.5% center;}
footer ul li a:visited{color:#000000;}
footer .copyright{margin:0;text-align:right;font-size:.8em;clear:both;}
footer .reread_link{width:90px;position:fixed;bottom:74px;right:0;padding:0px;box-shadow:0px 0px 2px 2px rgba(0,0,0,0.2); z-index: 99;}
footer .reread_link a{display:block;height:90px;overflow:hidden;text-indent:-100em;background:#ffffff url(../img/reread_link.png) no-repeat center center;}
footer .reread_link a:hover{opacity:0.8;}

footer nav {}
footer nav ul { float: none; padding-bottom: 5px; text-align: center;}
footer nav ul li { float: none; display: inline-block; margin: 0px 1.5em;}
footer nav ul li a { padding-right: 0px; padding-left: 18px; background-image: url(../img/arrow_header_menu.png); background-position: 0% center; text-decoration: none; transition-duration: 0.2s;}
footer nav ul li a:hover { background-position: 4px center;}
footer .wrap dd a { color: #ffffff;}

/*************************************************
 CMS用テンプレート  .txtbox内部
**************************************************/
/* section */
article > div,
article > section{margin-bottom:1em;}

section {box-sizing: border-box;}
section h2{position:relative;background:#EEEEEE;color:#000000;margin:0 0 15px;padding: 0.7em 1em 0.6em;font-weight:normal;font-size:1.2em;}
section h2:before{top:5px;bottom:5px;left:5px;border-left:5px solid #1F8237;}
section.form_section { padding: 0em; border: 3px solid #EEEEEE; box-sizing: border-box;}
section.form_section h2 { font-size:1.1em; text-align: center;}
section.form_section h2:before { display: none;}
section.form_section form { margin: 1em;}

section p{ margin:0;padding:1em .5em;}
section p.attention { font-size: 0.9em;}

p.locus{ margin:1em 0; padding: 0.6em 0.5em 0.5em 30px; font-size: 0.9em; background: url(../img/icon_home.png) left center no-repeat;}
p.center{text-align:center;}
p.right{text-align:right;}

/* style */
.font_kyotyo { font-weight: 900;}
.font_coment { font-size: 0.8em;}
.font_red { color: #A30000;}
.font_blue { color: #0D47A1;}
.sup { position: relative; top: -0.1em; font-size: 0.755em; vertical-align: top;}
.sub { position: relative; top: 0.1em; font-size: 0.755em; vertical-align: bottom;}

/* 見出し */
.txtbox h2{position:relative;margin:0 0 1em 0;padding:0.3em 0.5em;padding-left:1.5em;border-bottom:5px solid #E7E7E7;font-weight:normal;}
.txtbox h2:before{top:0.4em;left:5px;padding:0.2em;border:0.3em solid #1F8237;border-radius:50%;}
.txtbox h3{border-left:.3em solid #89AC37;margin:0 0 1em 0;padding:.3em 0 .3em .2em;}
.txtbox h4{background:#EEF3D2;margin:0 0 1em 0;padding:.3em .5em;}
.txtbox h5{margin:0 0 1em 0;padding:.3em .5em;}
.txtbox h6{margin:0 0 1em 0;padding:.3em .5em;}

/* 段落 */
.txtbox p,
.txtbox table,
.txtbox dl{margin:0 0 1em 0;padding-left:.5em;}
.txtbox img{max-width:100%;height:auto;}

/* 定義 */
.txtbox dt{font-weight:bold;margin:0 0 .4em 0;padding:0;}
.txtbox dd{margin:0;padding:0;}

/* list */
.contents ol{padding-left:2em;}
.contents ul{padding-left:0;}
.contents ol >li,
.contents ul > li{margin-bottom:.3em;}
.contents ul > li{position:relative;padding-left:2em;}
.contents ul > li:before{top:.3em;left:8px;width:.7em;height:.7em;background:#1F8237;border-radius:50%;}
.txtbox h2:before,
section h2:before,
.contents ul > li:before{content:"";position:absolute;display:block;}

/* table */
.contents table{border-collapse:collapse;margin-bottom:15px;}
.contents table caption{padding:4px 0;}
.contents table table,
.contents table ul,
.contents table ol,
.contents table table dl{margin-bottom:0;}
.contents table th,
.contents table td{padding:.5em;border:2px solid #DDDDDD;}
.contents table th {background:#EEF3D2;}

.contents table.noborder,
.contents table.noborder th,
.contents table.noborder td{border:none;}
.contents tbale.wide_table,
.contents table.widetable{display:block;max-width:100%;overflow:auto;border:none;}
.contents table.wide_table caption,
.contents table.widetable caption{display:block;}
.contents table.wide_table tbody,
.contents table.widetable tbody{display:table;}

/* box-image :n個並び */
.contents .box-image {padding:1em 0 0;}
.contents .box-image li {margin:0 1% 1%;padding:0;float:left;text-align:center;}
.contents .box-image li:before {display:none;}
.contents .box-image li img {max-width:100%;height:auto;}
.contents .box-image li p {padding-top:.5em;font-size:.8em;}
.contents .box-image.single li {width:60%;padding-left:19%;padding-right:19%;float:none;}
.contents .box-image.double li {width:48%;}
.contents .box-image.triple li {width:31.333333%;}
.contents .box-image.quadruple li {width:23%;}
.contents .box-image.pentadruple li {width:18%;}
.contents .box-image.hexatruple li {width:14.666666%;}
.contents .box-image.double li:nth-child(2n+1),
.contents .box-image.triple li:nth-child(3n+1),
.contents .box-image.quadruple li:nth-child(4n+1),
.contents .box-image.pentadruple li:nth-child(5n+1),
.contents .box-image.hexatruple li:nth-child(6n+1),
.contents .box-image li.clear{clear:both;}

/* IMAGE BOX :左・右 */
.contents .image_box {margin:0 0 10px;padding-bottom:0;}
.contents .image_box img{max-width:100%;height:auto;}
.contents .image_box_center {min-width:240px;width:50%;max-width:80%;margin:0 auto 10px;padding-right:2em;}
.contents .image_box_left,
.contents .image_box_right {max-width:50%;}
.contents .image_box_left {float:left;margin-right:10px;}
.contents .image_box_right {float:right;margin-left:10px;}
.contents .image_box_left p,
.contents .image_box_right p{padding-top:.5em;font-size:.85em;text-align:center;}

.contents .box-image.quadruple.ex .dec p{text-align:left;}

/* file */
ul.file_list li:before{top:0;bottom:0;left:4px;height:auto;width:1em;max-width:16px;background:url(../img/file_list_mark.gif) center center no-repeat;background-color:transparent;border-radius:0;background-size:contain;}
ul.file_list li.pdf:before {background-image:url(../img/file_list_mark_pdf.png);}
ul.file_list li.doc:before {background-image:url(../img/file_list_mark_doc.gif);}
ul.file_list li.xls:before {background-image:url(../img/file_list_mark_xls.gif);}

/* acrotat */
.acrobat {margin:0 0 1em 0;padding:.5em;background:#EEEEEE;}
.acrobat .icon{margin:0 8px 0 0;border:none;float:left;}
.acrobat p{margin:0;padding:0.3em;font-size:.9em;}

/* news */
.nodata{border:2px solid #CCCCCC;padding:.5em;}
.news dt,
.news dd{padding:.8em 0 0.7em;}
.news dt{width: 7em; padding-left:.5em;float:left;}
.news dd{margin-left:0;padding-left:7.5em;padding-right: 0.5em;border-bottom:1px dotted #CCCCCC;}

/* menu */
.contents .menu_list,
.contents .menu { padding-left:0;}
.contents .menu_list li,
.contents .menu li { margin-left:0; padding: 0em; border-bottom:3px solid #EBE0D3;}
.contents .menu_list .menu_text,
.contents .menu li .menu_text{display:block;font-size:.9em;}
.contents .menu_list li:before { display: none;}

.contents .menu_list li a { position: relative; display: block; padding: 1.5em 0.5em 1em 2.2em;}
.contents .menu_list li a:before {
  position: absolute; content: ""; display: block;
  width: 1em; height: 1em; top: 1.6em; left: 0.5em; background: url(../img/file_list_mark.gif); border-radius: 0%; background-size: contain;
}
.contents .menu_list li a[href$="index.html"]:before { background-image: url(../img/ico_menu-folder.png);}
.contents .menu_list li span.menu_text { padding: 0em 1em 1em 2.5em}

/* pagenation */
.pager ul{margin:0;padding:0;}
.pager ul li{margin:0;padding:0;}
.pager ul li:before { display: none;}
.pager ul li a.link_before,
.pager ul li a.link_next{float:left;display:block;border:1px solid #CCCCCC;padding:.4em .8em;text-decoration:none;}
.pager ul li a.link_next{float:right;}
.pager ul li a.link_before:before{content:"< ";}
.pager ul li a.link_next:after{content:" >";} 

/* Google Map */
.mapobject_map{width:auto;height:600px;border:1px solid #CCCCCC;}
.mapobject_map .gm-style,
.mapobject_map .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style .gm-style-cc span,
.mapobject_map .gm-style .gm-style-cc a,
.mapobject_map .gm-style .gm-style-mtc div,
.mapobject_map .gm-style .gm-style-iw{font-size:.8em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style,
.mapobject_map .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style .gm-style-cc span,
.mapobject_map .gm-style .gm-style-cc a,
.mapobject_map .gm-style .gm-style-mtc div,
.mapobject_map .gm-style .gm-style-iw{font-size:.8em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style a{text-decoration:underline!important;}

/* 施設ページ */
.mapbox .overview_table{float:left;}
.mapbox .box-image{width:230px;float:right;}

.contents .txtbox table[summary$="施設概要"] th { text-align: left;}

/* よくある質問 */
.qanda dt{border-bottom:1px dotted #333333;}
.qanda dd{margin:0px;}
.qanda dt:before,
.qanda dd:before{content:"Q";padding-right:0.2em;color:#333333;font-size:240%;font-family:"monospace";border-radius:45%;}
.qanda dd:before{content:"A";color:#880000;}

/* overview table */
.overview_list{margin:1em 0 0;}
.overview_list dt{width:13.5em;margin:0;padding:0 0 .7em 0;float:left;clear:both;}
.overview_list dd{margin:0 0 1em;padding:0 0 .7em 14em;border-bottom:1px dotted #333333;}
.overview_table{margin:1em 0;padding:0;width:auto;max-width:100%;}
.overview_table th{width:25%;}

/* 課の概要 */
.soshiki_section .soshiki{margin:.8em;padding:1.7em 1.2em 0.7em 1.2em;border:3px solid #c6c6c6;}
.soshiki_section .soshiki dt{width:7.5em;margin:0 0 .7em 0;padding: .3em 0;font-weight:bold;background:#EEF4D2;color:#333333;text-align: center;float:left;clear:both;}
.soshiki_section .soshiki dd{margin:0 0 1em;padding: .3em 0 .8em 8.6em;border-bottom:1px dotted #666666;}

/* event section */
.event_section .event{margin:.8em;padding:1.7em 1.2em 0.7em 1.2em;border:3px solid #c6c6c6;}
.event_section .event dt{width:7.5em;margin:0 0 .7em 0;padding: .3em 0;font-weight:bold;background:#F0F0F0;color:#333333;text-align: center;float:left;clear:both;}
.event_section .event dd{margin:0 0 1em;padding: .3em 0 .8em 8.6em;border-bottom:1px dotted #666666;}

/* イベントカレンダー */
.event .calendar_section table tbody{width:98%;}
.event .calendar_section table th{}
.event .calendar_section table td{vertical-align:middle;}
.event .calendar_section table .day{width:10em;}
.event .calendar_section table td.center{text-align:center;}
.event .calendar_section table tr.day0{background-color:#FFDDDD;} /* 日曜・祝日 */
.event .calendar_section table tr.day6{background-color:#CDDFFF;} /* 土曜日 */
.event .calendar_section table td .weekday{font-size:.85em;}
.event .calendar_section table td .font_comment{display:block;}
.event .navgation{font-size:.9em;width: auto;margin: 0;clear:both;float:none;list-style-type:none;}
.event .navgation .previous_month{float:left;}
.event .navgation .next_month{float:right;}
.event .nav h2{border-bottom:1px solid #ccc;font-size:1.05em;}
.event .nav ul{margin:0;padding:0;}
.event .nav li{display:block;padding:.3em;}
.event .event_icon li{position:relative;min-height:24px;line-height:24px;padding-left:32px;}
.event .event_icon li:before{display:block;content:" ";position:absolute;border-radius:0px;top:0;bottom:0;left:4px;width:24px;height:24px;margin:auto 0;background:none no-repeat 0 0;background-color:transparent;}
.event .event_icon li span{font-size: .8em;border: 1px solid #ccc;margin-right: 1em;background: #fff;padding: .2em .4em;border-radius: .4em;}

/* form */
form dt{width:12.5em;}
form dd{padding-left:13em;}
form input[type="text"]:focus{outline:none;border:1px solid #CFEDF3;}
form input[type="text"] {line-height:1.4em;border:1px solid #CCCCCC;max-width:90%;padding:.2em .5em;}
form input[type="submit"] {margin-right:.5em;}
form textarea{width:100%;box-sizing:border-box;}

.form form .dt:first-of-type,
.overview_list.form_list dt:first-of-type{border-top:none;}
.form form .dt,
.overview_list.form_list dt{float:none;width:auto;margin-bottom:1em;border-bottom:1px dotted #333;display:block;width:95%;}
.form form .dd,
.overview_list.form_list dd{float:none;margin-left:0;margin-bottom:.8em;padding-left:1em;border:none;}
.form form .dd input[type="text"]{width:100%;height:2em;}
.form form select{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;background: transparent;font-family: inherit;font-size:1em;border:2px solid #ccc;display: inline-block;margin-bottom:22px;padding: 8px;border-radius: 6px;}
.form form select::-ms-value { background: none; color: inherit;}
.form form select::-ms-value { background: none; color: inherit;}
.form form select option:hover, 
.form form select option:checked { background: #CCC; color:#000;}
.form form select:focus{border: 2px solid #0044CC;}

.info_section { background-color: #F4F8E4; padding: 1em;}
.info_section h2 { margin: 0em 0em 0.5em; padding: 0.3em 0em 0.8em; font-size: 1.05em; background-color: transparent; border-bottom: 1px dotted #333333;}
.info_section h2:before { display: none;}
.info_section form .common_inquiry { float: right; display: block; width: 230px; height: 60px; background: url(../img/button_contact.png) center center no-repeat #ffffff; text-indent: -1000em; border: 5px solid #DDDDDD;}

/* SEARCH 
.search_result_google{width:96%;margin:0 auto;}
#subheader { margin-bottom: 0.5em;}
*/

#result dt.title { margin-bottom: 0.2em; font-size: 1.2em;word-wrap: break-word;}
#result dt.title a:hover { text-decoration: none;}
#result dd.body { margin-bottom: 0.9em; margin-left: 1em; font-size: 0.95em;word-wrap: break-word;}
#result dd.body cite { display: block; margin-top: 0.5em; font-size: 0.9em; color: #006520; font-style: normal;}

/* sitesearch */
.fileselect {display:flex;flex-wrap:wrap;}
.fileselect a {display:block;margin:0.5em 0.25em;;padding:0.5em 1em;text-decoration:none;border:2px solid #ccc;box-sizing:border-box;border-radius:0.3em;transition-duration:0.15s;}
.fileselect a:hover, .fileselect a:focus {box-shadow:inset 0px 0px 0px 2px #ff7f00;}
.txtbox .search_result_google dt.title {margin:0;padding:0 0 0 1.3em;font-size:1em;font-weight:normal;word-wrap:break-word;position:relative;}
.txtbox .search_result_google dt.title a:hover {text-decoration:none;}
.txtbox .search_result_google dd.body {margin:0;padding:0;margin-bottom:2em;font-size:0.9em;word-wrap:break-word;}
.txtbox .search_result_google dd.body cite {display:block;margin-top:0.5em;padding-left:0.5em;font-size:0.9em;color:#006520;font-style:normal;}
.txtbox .search_result_google dd.body p {line-height:1.3em;}
.txtbox .search_result_google .pager ul > li {padding:0;}
.txtbox .search_result_google .pager ul > li:before {display:none;}
.txtbox .search_result_google dt.title:before { background:none no-repeat center center;position;absolute;content:""; display: block; position: absolute;width: 1em;height: 1em;left:0;top:0.25em}
.txtbox .search_result_google dt.title:before{background-image: url("../img/file_list_mark.gif");}
.txtbox .search_result_google dt.title.pdf:before { background-image: url("../img/file_list_mark_pdf.png");}
.txtbox .search_result_google dt.title.word:before{ background-image: url("../img/file_list_mark_doc.gif");}
.txtbox .search_result_google dt.title.excel:before { background-image: url("../img/file_list_mark_xls.gif");}
.txtbox .search_result_google .search input#search_txt2 {height:30px;margin:0%;padding:0px 0.5em;line-height:36px;background:#fff;width:100%;max-width:300px;}
.txtbox .search_result_google .search input#search_txt2:focus {background-color:#FFFFFF;outline:1px solid #CCC;}
.txtbox .search_result_google .search input.search_bt {width:4em;height:30px;;margin:0;padding:0px 0;font-weight:bold;border:none;}

/*************************************************
 レスポンシブ　1100 + 20
**************************************************/
@media screen and (min-width:0) and (max-width:1120px) {
#TOP,
textarea ,
header .wrap,
footer .wrap,
header .nav,
.locus,
.contents,
.contents article,
.contents nav,
footer nav ul
{position:static;width:auto;min-width:0;max-width:100%;float:none;}


p.locus,
.contents article,
.contents nav {margin-left:1%;margin-right:1%;}

/* CONTENTS WIDTH */
header .wrap,
footer .wrap,
section { width: 96%; margin-left: 2%; margin-right: 2%;}


header nav ul,
.contents .wrap  { width: 100%;}
header .page_control { clear: both; margin-top: 1em; margin-bottom: 1em;}
/*
ul#menu li { width: 50%;}
ul#menu dl dd,
ul#menu dl dt a:before { display: none;}
  
  header .page_control .search { clear: both; width: 50%; margin-top: 1em;}
  header nav ul li a { padding-top: 12px; padding-bottom: 12px;}
  
  .contents nav ul.banner.large,
  .contents nav ul.banner.small { text-align: center;}
  .contents nav ul.banner.large li,
  .contents nav ul.banner.small li { display: inline-block; margin-left: 0.5em; margin-right: 0.5em;}
}
*/


/* ADD */
header nav .menu_button{display:block; z-index: 1001;}
header .tab{position:static;width:auto;min-width:0;max-width:100%;float:none;}

header nav ul,
header .page_control ul:first-child,
header ul.tab { position: fixed; right: 0%; width: 60%; margin: 0px; background-color: rgba(231,231,231,0.95); z-index: 1000; transition-duration: 0s; border-left: 2px solid rgba(0,0,0,0.1); box-sizing: border-box;}
header nav ul,
header .page_control ul:first-child,
header ul.tab { display: none;}

header .page_control ul:first-child { top: 0px; height: auto; padding: 60px 0px 0px 10px; box-sizing: border-box;}
header .page_control ul:first-child li { width: 50%; padding: 10px 0px; text-align: center; background-color: #ffffff;}
header .page_control ul:first-child li { background-position: 5% center;}
header ul.tab { top: 110px; height: 120px; }
header ul.tab li { float: none; width: 100%;}
header ul.tab li a { height: 56px; margin-left: 10px;  padding: 10px 0px; background-size: cover; border-bottom: 5px solid #E7EEBF; box-sizing: border-box;}
header nav ul li:before { top: 0%; bottom: inherit; left: 0%; right: 0%; height: 1px; width: auto;}
header nav ul li:after { top: inherit; bottom: 0%; left: 0%; right: 0%; height: 1px; width: auto;}

header nav ul { top:230px; bottom:0px; height: auto;}
header nav ul#menu li,
header nav ul#menu.menu2 li,
header nav ul#menu.menu3 li,
header nav ul#menu.menu4 li,
header nav ul#menu.menu5 li,
header nav ul#menu.menu6 li,
header nav ul#menu.menu7 li{ float: none; width: 100%; height: auto;}
header nav ul li a{padding:19px 0px;}
header .title, header h1,
header .page_control,
header .UD,
header .page_control .search{position:static;width:auto;min-width:0;max-width:100%;float:none;}
header .page_control .search,
header .UD{margin-left:2%;margin-right:2%;}

/* UD */
header .UD{ position: fixed; left: 10px; bottom: 110px; z-index: 9999; }
header .page_control dl,
header .page_control dl dt,
header .page_control dl dd{width:44px;min-height:44px;margin:0;padding:0;float:left;}
header .page_control dl{;margin:0 18px 0 0;}
header .page_control dl.active{width:176px;}
header .page_control dl.active a{display:block;}
header .page_control dl dt{background:no-repeat center center rgba(51,51,51,0.8);text-indent:-1000em; border-radius: 50%;}
header .page_control dl.color_change dt {background-image:url(../img/control_color_title.png);}
header .page_control dl.textsize_change dt {background-image:url(../img/control_font_title.png);}
header .page_control dl dd a{position:relative;display:none;width:44px;height:44px;}
header .page_control dl dd a:before { height: 44px;}
header .page_control dl dd a img { margin: 4px; max-width: none;}
header .page_control dl dt:focus,
header .page_control dl dd a:focus{outline:none;}
header .page_control dl dt:focus,
header .page_control dl dt:hover { opacity: 0.8;}
header .page_control dl dd a.textresizer-active:before{/*display:block;content:" ";position:absolute;left:2px;right:2px;bottom:2px;border-bottom:2px solid #0D47A1;*/}
header .page_control dl dd.default a{width:45px;background-image:url(../img/control_def.png);}
header .page_control dl dd.smaller a{background-image:url(../img/control_font_small.png);}
header .page_control dl dd.larger a{background-image:url(../img/control_font_big.png);}
header .page_control dl dd.high a{background-image:url(../img/control_color_high.png);}
header .page_control dl dd.low a{background-image:url(../img/control_color_low.png);}
header .page_control .search div { margin-top: 1em; margin-bottom: 1em; clear: both;}
header .page_control dl dd,
header .page_control dl dd a,
header .page_control dl dd.default a { width: 0px; transition-duration: 0.3s; display: block; overflow: hidden;}
header .page_control dl.active dd,
header .page_control dl.active dd a,
header .page_control dl.active dd.default a { width: 44px;}

footer {padding-bottom: 88px;}

}

/*************************************************
 レスポンシブ　640 + 20
**************************************************/
@media screen and (min-width:0) and (max-width:660px) {

/*
header nav .menu_button{display:block; z-index: 1001;}
header .tab{position:static;width:auto;min-width:0;max-width:100%;float:none;}

header nav ul,
header .page_control ul:first-child,
header ul.tab { position: fixed; right: 0%; width: 95%; margin: 0px; background-color: rgba(231,231,231,0.95); z-index: 1000; transition-duration: 0s; border-left: 2px solid rgba(0,0,0,0.1); box-sizing: border-box;}
header nav ul,
header .page_control ul:first-child,
header ul.tab { display: none;}

header .page_control ul:first-child { top: 0px; height: 110px; padding: 60px 0px 0px 10px; box-sizing: border-box;}
header .page_control ul:first-child li { width: 50%; padding: 10px 0px; text-align: center; background-color: #ffffff;}
header .page_control ul:first-child li { background-position: 5% center;}
header ul.tab { top: 110px; height: 120px; }
header ul.tab li { float: none; width: 100%;}
header ul.tab li a { height: 56px; margin-left: 10px;  padding: 10px 0px; background-size: cover; border-bottom: 5px solid #E7EEBF; box-sizing: border-box;}
header nav ul li:before { top: 0%; bottom: inherit; left: 0%; right: 0%; height: 1px; width: auto;}
header nav ul li:after { top: inherit; bottom: 0%; left: 0%; right: 0%; height: 1px; width: auto;}

header nav ul { top:230px; bottom:0px; height: auto;}
header nav ul#menu li,
header nav ul#menu.menu2 li,
header nav ul#menu.menu3 li,
header nav ul#menu.menu4 li,
header nav ul#menu.menu5 li,
header nav ul#menu.menu6 li,
header nav ul#menu.menu7 li{ float: none; width: 100%; height: auto;}
header nav ul li a{padding:19px 0px;}
header .title, header h1,
header .page_control,
header .UD,
header .page_control .search{position:static;width:auto;min-width:0;max-width:100%;float:none;}
header .page_control .search,
header .UD{margin-left:2%;margin-right:2%;}
*/


header nav ul,
header .page_control ul:first-child,
header ul.tab { width: 95%;}


/* UD */
/* 
header .UD{ position: fixed; left: 10px; bottom: 20px; z-index: 99; }
header .page_control dl,
header .page_control dl dt,
header .page_control dl dd{width:44px;min-height:44px;margin:0;padding:0;float:left;}
header .page_control dl{;margin:0 18px 0 0;}
header .page_control dl.active{width:176px;}
header .page_control dl.active a{display:block;}
header .page_control dl dt{background:no-repeat center center rgba(51,51,51,0.8);text-indent:-1000em; border-radius: 50%;}
header .page_control dl.color_change dt {background-image:url(../img/control_color_title.png);}
header .page_control dl.textsize_change dt {background-image:url(../img/control_font_title.png);}
header .page_control dl dd a{position:relative;display:none;width:44px;height:44px;}
header .page_control dl dd a:before { height: 44px;}
header .page_control dl dd a img { margin: 4px; max-width: none;}
header .page_control dl dt:focus,
header .page_control dl dd a:focus{outline:none;}
header .page_control dl dt:focus,
header .page_control dl dt:hover { opacity: 0.8;}
header .page_control dl dd.default a{width:45px;background-image:url(../img/control_def.png);}
header .page_control dl dd.smaller a{background-image:url(../img/control_font_small.png);}
header .page_control dl dd.larger a{background-image:url(../img/control_font_big.png);}
header .page_control dl dd.high a{background-image:url(../img/control_color_high.png);}
header .page_control dl dd.low a{background-image:url(../img/control_color_low.png);}
header .page_control .search div { margin-top: 1em; margin-bottom: 1em; clear: both;}
header .page_control dl dd,
header .page_control dl dd a,
header .page_control dl dd.default a { width: 0px; transition-duration: 0.3s; display: block; overflow: hidden;}
header .page_control dl.active dd,
header .page_control dl.active dd a,
header .page_control dl.active dd.default a { width: 44px;}
*/


article > div,
article > section,
.acrobat,
.contents nav{margin-left:2%;margin-right:2%;}

.news{padding:1em 0em 2em;margin-bottom:1em;}
.news dt{float:none;width:auto;padding-bottom:.3em;padding-left:0;}
.news dd{padding-left:1em;}

.contents table.wide_table,
.contents table.widetable{white-space:nowrap;}
.contents .box-image.single li {width:98%;padding-left:0;padding-right:0;}
.contents .box-image.triple li,
.contents .box-image.quadruple li {width:48%;}
.contents .box-image.pentadruple li,
.contents .box-image.hexatruple li {width:31.333333%;}
.contents .box-image.triple li:nth-child(3n+1),
.contents .box-image.pentadruple li:nth-child(5n+1),
.contents .box-image.hexatruple li:nth-child(6n+1) {clear:none;}
.contents .image_box_left,
.contents .image_box_right {max-width:100%;}
.contents .image_box_left,
.contents .image_box_right {float:none;margin-riht:0;margin-left:0;}
.contents .image_box_left p,
.contents .image_box_right p{padding-top:.5em;font-size:.85em;text-align:center;}
.acrobat .icon {margin:0 auto 8px;float:none;}

/* event section */
.event_section .event dt{width: auto;float:none;}
.event_section .event dd{ padding: 0.3em 0px 0.8em 0px;}

/* overview table */
.overview_list dt{ width: auto; float:none;}
.overview_list dt:first-of-type { padding-top: 0.7em; border-top: 1px dotted #333333;}
.overview_list dd{ padding: 0px 0px 0.7em 1em;}
.overview_table th{width: auto;}
.overview_table th,
.overview_table td{ display: block; clear: both; border-bottom: none;}
.overview_table tr:last-of-type td { border-bottom: 1px solid #666666;}

.contents article .event_section .event dd{width:auto;padding-left:1em;}

.event .contents article .calendar_section table .title{display:none;}
.event .contents article .calendar_section table tr{border:none;display:block;margin:0 0 .8em;;padding:0;width:auto;}
.event .contents article .calendar_section table td{border:none;display:block;margin:0px;padding:.3em 0;width:auto;}
.event .contents article .calendar_section table td.center{text-align:left;margin:0 0 .5em .5em;padding:.4em;font-weight:bold;background:#f4f4f4;}
.event .contents article .calendar_section table td .font_comment{display:inline;padding-left:.7em;}
.event .contents article .calendar_section table tr.day0,
.event .contents article .calendar_section table tr.day6{background:initial;}
.event .contents article .calendar_section table tr.day0 td.center{background-color:#FFDDDD;} /* 日曜・祝日 */
.event .contents article .calendar_section table tr.day6 td.center{background-color:#CDDFFF;} /* 土曜日 */

.contents .acrobat .icon { float: none; margin-bottom: 0.5em; text-align: center;}
.contents .acrobat p { padding-left: inherit;}

.contents article .map_section .list_category,
.contents article .map_section .list_place{width:auto;float:none;}

.contents article .news_section .news dt,
.contents article .news_section .news dd { padding-bottom: 0.5em;}
.contents article .news_section .news dt { float: none; width: auto; padding-top: 0.5em;}
.contents article .news_section .news dd { padding-top: 0em; padding-left: 1em;}


footer nav ul li { display: block; border-top: 1px solid #dddddd;}
footer nav ul li:first-child { border: none;}
footer .reread_link { bottom: 20px; right: 10px; width: 44px; height: 44px; box-shadow: none; border-radius: 50%;}
footer .reread_link a { width: 44px; height: 44px;}
footer .reread_link a { position: relative; background: rgba(51,51,51,0.8);}
footer .reread_link a:before { position: absolute; display: block; content: ""; top: 0.7em; left: 50%; margin-left: -0.7em; border-right: 0.7em solid transparent; border-bottom: 1.3em solid #ffffff; border-left: 0.7em solid transparent; }

.contents .box-image.quadruple li:nth-child(2n+1){clear:both;}
}

/* メニューボタンを戻す */
@media screen and (min-width:/* 661px */ 1121px) {
  html body.default #menu,
  html body.sub_top #menu,
  .default header .page_control ul:first-child,
  .sub_top header .page_control ul:first-child,
  .default header ul.tab,
  .sub_top header ul.tab {display:block !important;}
}

/* contrast */
@media screen and (-ms-high-contrast:active){
* {text-indent:0em !important;}
}

/* 印刷                               */
/* 幅はコンテンツサイズに合わせて修正 */
@media print{
html,body{width:1100px;margin:0;padding:0;overflow-x:hidden;} 
#TOP{min-width:1100px;width:1100px;margin:0;padding:0;overflow-x:hidden;}
body,body > .wrap{background:none;}
#fb-root{display:none;}
}

/* 組織一覧 */
.organization_table .row01{width:16em;}
.organization_table .row02{width:10em;}

@media screen and (min-width: 0px) and (max-width:840px) {
 .organization_table{border-collapse: collapse;border:none;width: 100%;}
 .organization_table .title{display:none;}
 .organization_table tr{border:none;display:block;margin:0 0 .8em;;padding:0;width:auto;}
 .organization_table td{border:none;display:block;margin:0px;padding:.3em 0;width:auto;}
 .organization_table td.headtitle{margin:0 0 .5em;padding:.4em;color:#000000;background:#f4f4f4;border-left:4px solid #CFEDF3;}
 .organization_table td.headtitle a{color:#000;}
 .organization_table td.nodata{display:none;}

 .organization_table td:nth-child(2):before{content:"電話番号："}
 .organization_table td:nth-child(3):before{content:"業務内容："}
}

/* スマホ切り替え */
#pc,#sp{display:none;}
#pc{margin-bottom:1em;clear:both;}
@media screen and (min-width: 0px) and (max-device-width:640px){
 #sp{display:none;margin-bottom:0;width:100%;height:100px;font-size:4em;text-align:center;border:4px solid #ccc;background:#eee;}
 #pc{display:block;margin:.8em auto;text-align:center;}
}
@media screen and (min-width: 0px) and (max-device-width:640px) and (min-width:1000px){
 #pc,#menuopen{display:none;}
 #sp{display:block;}
}

/* 検索 */
header .page_control .search * { box-sizing: border-box;}
header .page_control .search div { display: flex; justify-content: flex-start; align-items: stretch; height: 40px; width: auto; max-width: 300px; padding-bottom: 0; background-color: #fff; border: 3px solid #3D9945;}
header .page_control .search label.search_txt,
header .page_control .search input#search_txt,
header .page_control .search input.search_bt { height: auto; margin: 0; min-height: 34px;}
header .page_control .search label.search_txt { width: 24px; background-image: url("../img/rev_search_bg.png")}
header .page_control .search input#search_txt { width: calc( 100% - 24px - 4em ); padding: 0 0.3em;}
header .page_control .search input.search_bt { width: 4em; padding: 0; font-size: 0.95em; font-weight: normal; background-color: #28682C;}
header .page_control .search input.search_bt:hover,
header .page_control .search input.search_bt:focus { background-color: #18421C;}

@media screen and (min-width:0) and (max-width:1120px){
  header .page_control .search div { max-width: inherit;}
}

@media screen and (min-width:0) and (max-width:660px) {
}

/* フォームテキスト部 */
#toiawase{min-height:12.5em;}
@media screen and (min-width:0) and (max-width:660px) {
  #toiawase{min-height:6.25em;}
}
@media screen and (max-width:1425px){
header nav .menu_button{right: 10px;}

}