@charset "utf-8";
/*------------------------------------
 気仙沼市 style.css
------------------------------------ */
body {margin:0px;color:#333333;background-color:#ffffff;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:0px 0px 5px;overflow:auto;}/*-hasLayout-*/
h1,h2,h3,h4,h5,p,dl,ul,ol {margin-top:0px;}
ul,ol{padding-left:30px;line-height:normal;}
#Map,#Map *,#jump{padding:0px;overflow:visible;}
#jump a{position:absolute;width:0px;height:0px;color:#000000;background:#ffffff;overflow:auto;text-indent:-1000em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0px;text-align:center;}
#TOP{min-width:980px;padding:0px;}
textarea {max-width:98%;}
a{color:#00527D;text-decoration:underline;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;}
div.right{float:right;}
div.left{float:left;}
p.right{text-align:right;}
p.left{text-align:left;}
p.center{text-align:center;}

.wrap button[type="submit"],
.wrap input[type="button"],
.wrap input[type="submit"],
.wrap input[type="text"]{padding:6px;border:none;background:#eeeeee;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;box-sizing: content-box;line-height: 1em;}
.wrap input[type="text"]:focus{background:#ffffff;outline:2px solid #002251;}
.wrap button[type="submit"]:hover,
.wrap input[type="button"]:hover,
.wrap input[type="submit"]:hover{cursor:pointer}
.wrap button[type="submit"],
.wrap input[type="button"],
.wrap input[type="submit"]{padding:6px 1em;color:#ffffff;background-color:#002251;}

html,body { min-width: 320px;}


/* SEARCH */
#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;}

/*------------------------------------------------------------------------
  header section
-------------------------------------------------------------------------*/
.header{ padding:0px;}
.header .wrap,
.header .nav ul{width:980px;margin:0px auto;padding:0;}
.header .title {float:left;}
.header .wrap .title,.header h1 {width:265px;margin:0 0px 6px;float:left;background:url(../img/title.png) no-repeat 0 0;background-size:265px 65px;}
.header .wrap .title a,.header h1 {display:block;height:65px;text-indent:-100em;}
.header .page_control{height:65px;margin: 10px auto 0;}
#UD{float:right;}
#UD dl ,#UD dl dt,#UD dl dd{min-height:44px;margin:2px 1px;padding:0px;float:left;list-style:none;}
#UD dl.color_change ,#UD dl.textsize_change{width:204px;margin:0px;padding:5px 0px 0px 0px;float:left;}
#UD dl.color_change{width:170px;}
#UD dl dt{padding:4px 3px 0px 0px;background:no-repeat center center;text-indent:-1000em;}
#UD dl.color_change dt {width:50px;background-image:url(../img/control_collar_title.png);}
#UD dl.textsize_change dt {width:80px;background-image:url(../img/control_font_title.png);}
#UD dl dd a,.header .page_control ul li a,.header form.search label.search_txt{display:block;width:33px;height:44px;text-indent:-1000em;background:no-repeat center center;}
#UD dl dd.default a{background-image:url(../img/control_def.png);}
#UD dl.color_change dd.default a{background-image:url(../img/control_color_def.png);}
#UD dl dd.smaller a{background-image:url(../img/control_font_small.png);}
#UD dl dd.larger a{background-image:url(../img/control_font_big.png);}
#UD dl dd.high a{background-image:url(../img/control_collar_high.png);}
#UD dl dd.low a{background-image:url(../img/control_collar_low.png);}


/* ========================
 common_menu
======================== */
.common_menu { margin: 0; padding: 0;}
.common_menu .wrap { max-width: 1400px; margin: 0 auto; padding-bottom: 0;}

.common_menu .page_control { display: flex; justify-content: center; align-items: center;flex-wrap: wrap; height: auto; margin: 4px auto; padding-bottom: 0;}
.common_menu .words { padding-bottom: 0;}
.common_menu .words ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
.common_menu .words ul li a { display: flex; justify-content: center; align-items: center; width: auto; height: 33px; margin: 0 1.5em; padding: 0 1em; font-size: 0.85em; text-decoration: none; color: #000; text-indent: 0; background-color: #ececec; border-radius: 0.3em; transition-duration: 0.3s;}
.common_menu .words ul li a:hover,
.common_menu .words ul li a:focus { background-color: rgba(44, 121, 227, 0.3);}

.common_menu #UD { float: none; padding-bottom: 0;}
.common_menu #UD dl.color_change,
.common_menu #UD dl.textsize_change,
.common_menu #UD dl dt { padding-top: 0;}

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


.header form.search {margin:0px;padding:9px;background:#F6F6F6;}
.header form.search .wrap{background:#ffffff;padding:0;width:962px;}
.header form.search label.search_txt{display:block;width:1%;float:left;}
.header form.search .input_area{width:48%;box-sizing:border-box;margin:8px 0px;padding:6px;border:1px solid #E6E6E6;background:url(../img/control_search_title.png) no-repeat 8px center;float:left;}
.header form.search input#search_txt {display:block;width:85%;padding:6px 0px;margin:0px;float:left;min-height: 16px;}
.header form.search input#search_txt:focus {outline:none;}
.header form.search input.search_bt {width:15%;padding:4px 0px;margin:0px;font-weight:bold;border:none;float:left;line-height: 1.5em;}
.header form.search .option_area{width:50%;float:right;}
.header form.search .option_area h2{margin:0px;background:url(../img/search_option_title.png) no-repeat left center;text-indent:-100em}
.header form.search .option_area ul{margin:0px;padding:0px;list-style:none;font-size:0.9em;}
.header form.search .option_area ul li{margin:0px;padding:5px 5px 5px 16px;background:url(../img/link_list_mark.png) no-repeat left center;float:left;}

#menu{padding:0;}
.header .nav{color:#000000;background-color:#eeeeee;padding:0;}

/*
.header .nav .menu_button { position:absolute;top:0px;right:0px;z-index:80;}
.header .nav .menu_button a{display:block;width:44px;min-height:44px;color:#ffffff;background:url(../img/menu_open.png) no-repeat center center #002251;text-indent:-100em;}
.header .nav .menu_button a.active{background-image:url(../img/menu_clause.png);}
*/

.header .nav .conf_button,
.header .nav .menu_button { position: fixed; height: 52px; padding: 0; font-size: 0.8em; background-color: rgba(0,0,0,0.5); z-index: 60;}
.header .nav .conf_button { top: 0px; left: 0%; right: 50%;}
.header .nav .menu_button { top: 0px; left: 50%; right: 0%;}

.header .nav .conf_button a,
.header .nav .menu_button a { display: flex; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 4px;}

.header .nav .conf_button a,
.header .nav .menu_button a { color: #fff; text-decoration: none; background-color: rgba(0,0,0,0.3); box-sizing: border-box; transition-duration: 0.3s;}
.header .nav .menu_button a { border-left: 1px solid rgba(255,255,255,0.75);}
.header .nav .conf_button a:before,
.header .nav .menu_button a:before { display: block; content: ""; position: absolute; top: 0; left: 50%; width: 36px; height: 36px; margin-left: -18px; background: center center no-repeat; background-size: contain; transition-duration: 0.3s;}
.header .nav .conf_button a:before { background-image: url("../img/mbmenu_icon03.png");}
.header .nav .menu_button a:before { background-image: url("../img/mbmenu_icon01.png");}
.header .nav .conf_button a:hover,
.header .nav .menu_button a:hover { background-color: rgba(0,0,0,1);}

.header .nav .conf_button a.active:before,
.header .nav .menu_button a.active:before { transform: rotate(270deg); background-image: url("../img/mbmenu_icon00.png");}



.header .nav .nav_bg{background-color:#002251;color: #ffffff;padding:0;}
.header .nav ul {padding:0px;list-style:none;}
.header .nav ul li{width:33.3%;margin:0;float:left;}
.header .nav ul.sub li{width:20%;}
.header .nav ul li:before{top:10px;bottom:10px;right:0px;border-right:1px dotted #FFFFFF;}
.header .nav ul li.menu01:after,
.header .nav ul li.menu11:after,
.header .nav ul li.menu21:after,
.header .nav ul li.menu31:after{top:10px;bottom:10px;left:0;;border-right:1px dotted #FFFFFF;}
.header .nav ul li a{display:block;min-height:50px;margin:1px 1px 0px;background:no-repeat center center;text-indent:-999em;transition-duration:0.5s;color:#000!important;}
.header .nav ul.sub li a{min-height:56px;}
.header .nav .nav_bg ul li a{color:#ffffff;}
.header .nav ul li a:hover{background-color:rgba(44, 121, 227, 0.3)}
.header .nav ul li.menu01 a{background-image:url(../img/main_menu01.png);}
.header .nav ul li.menu02 a{background-image:url(../img/main_menu02.png);}
.header .nav ul li.menu03 a{background-image:url(../img/main_menu03.png);}

/* 暮らしの情報 */
.header .nav ul.sub li.menu01 a{background-image:url(../img/menu01.png);}
.header .nav ul.sub li.menu02 a{background-image:url(../img/menu02.png);}
.header .nav ul.sub li.menu03 a{background-image:url(../img/menu03.png);}
.header .nav ul.sub li.menu04 a{background-image:url(../img/menu04.png);}
.header .nav ul.sub li.menu05 a{background-image:url(../img/menu05.png);}
.header ul.sub li.menu01,
.header ul.sub li.menu03,
.header ul.sub li.menu05{width:17.333333%;}
.header ul.sub li.menu04{width:28%;}

/* 企業 */
.header .nav ul.sub li.menu11 a{background-image:url(../img/menu11.png);}
.header .nav ul.sub li.menu12 a{background-image:url(../img/menu12.png);}
.header .nav ul.sub li.menu13 a{background-image:url(../img/menu13.png);}
.header .nav ul.sub li.menu14 a{background-image:url(../img/menu14.png);}
.header .nav ul.sub li.menu15 a{background-image:url(../img/menu15.png);}
.header ul.sub li.menu13,
.header ul.sub li.menu14,
.header ul.sub li.menu15{width:18%;}
.header ul.sub li.menu11,
.header ul.sub li.menu12{width:23%;}

/* 市政 */
.header .nav ul.sub li.menu21 a{background-image:url(../img/menu21.png);}
.header .nav ul.sub li.menu22 a{background-image:url(../img/menu22.png);}
.header .nav ul.sub li.menu23 a{background-image:url(../img/menu23.png);}
.header .nav ul.sub li.menu24 a{background-image:url(../img/menu24.png);}
.header .nav ul.sub li.menu25 a{background-image:url(../img/menu25.png);}
.header .nav ul.sub li.menu23,
.header .nav ul.sub li.menu24,
.header .nav ul.sub li.menu25{width:18%;}
.header .nav ul.sub li.menu21,
.header .nav ul.sub li.menu22{width:23%;}

/* 震災復興 */
.header .nav ul.sub li.menu31 a{background-image:url(../img/menu31.png);}
.header .nav ul.sub li.menu32 a{background-image:url(../img/menu32.png);}
.header .nav ul.sub li.menu33 a{background-image:url(../img/menu33.png);}
.header .nav ul.sub li.menu34 a{background-image:url(../img/menu34.png);}
.header .nav ul.sub li.menu35 a{background-image:url(../img/menu35.png);}
.header ul.sub li.menu32,
.header ul.sub li.menu34,
.header ul.sub li.menu35{width:18%;}
.header ul.sub li.menu31,
.header ul.sub li.menu33{width:23%;}

.header .nav .conf_button,
.header .nav .menu_button { display: none;}



/* グローバルメニュー - 下階層 */
.header,
.header .nav,
.header .nav .nav_bg,
.header .nav ul.sub { overflow: visible;}
.header .nav .nav_bg:after,
.header .nav ul.sub:after { display: block; content: ""; clear: both;}
.header .nav ul.sub { position: relative;}

#menu li dt a { position: relative; display: flex; align-content: center; justify-content: center; height: 100%; transition-duration: 0.15s; flex-wrap: wrap;}
#menu li dt a:hover,
#menu li dt a:focus,
#menu dl:hover dt a,
#menu dl.focus dt a { background-color: #4D6586;} /* グローバル　ホバー色 */
#menu ul.sub_category { background: #4D6586;} /* サブカテゴリ　背景色 */

header nav,
#menu { overflow: visible;}
#menu dl { height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; overflow: visible;}
#menu dl dt { height: 100%;} 
header nav ul li a,
#menu dl dt a { transition-duration: 0.2s;}
#menu dl dd { position: absolute; top: 100%; left: 0%; right: 0%; /* width: 1024px; */ padding: 0px; margin: 0px; max-height: 0px; transition-duration: 0.4s; overflow: hidden; z-index: 1000;} /* サブカテゴリ */
header nav.active #menu dl dd { top: 100%;}

#menu dl:hover dd,
#menu dl.focus dd{ height: auto; max-height: 600px; margin: 0px;}
#menu ul.sub_category { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; height: auto; width: auto; margin: 0px; padding: 5px;}
#menu ul.sub_category li { flex-basis: 25%;}
#menu ul.sub_category li a { display: flex; align-items: center; height: calc(100% - 10px); margin: 5px; padding: 1em;	text-decoration: none; background: #fff; transition-duration: 0.15s; box-sizing: border-box;} /* サブカテゴリ項目 */

#menu ul.sub_category li a { text-indent: 0; color: #000;}

#menu ul.sub_category li a { position: relative;}
#menu ul.sub_category li a:hover,
#menu ul.sub_category li a:focus { background-color: #B3CBEB;} /* サブカテゴリ項目　ホバー色 */
#menu ul.sub_category li a:hover:before,
#menu ul.sub_category li a:focus:before { left: 1.3em;}




/*------------------------------------------------------------------------
  contents section
-------------------------------------------------------------------------*/
.contents {width:980px;margin:0px auto;}
.contents .main,.contents .article {width:715px;float:left;}
.no_nav .contents .article {width:auto;float:none;}
.contents .locus{margin:1em 0;padding:0;}
.contents .article img{max-width:100%;height:auto;}

/* header */
.contents .article h1{padding:0.8em 20px 0.7em;border-left:8px solid;border-top:2px solid;border-color:#002251;background-color:#f4f4f4;font-size:1.6em}
.contents .article h1:before{ top:0px;bottom:0px;left:3px; width: 3px; background-color: #002251;}
.contents .article h2{margin:0 0 0.8em;padding:0.3em 0 0.3em 0.3em;font-size:1.45em;background:#f4f4f4;border-left:6px solid #002251;}
.contents .article h3{margin:0 0 0.8em;padding:0.3em 0;font-size:1.2em;border-bottom:1px solid #002251;}
.contents .article h3{margin:0 0 0.8em;padding:0.3em 0 0.3em .5em;font-size:1.2em;border-bottom:1px solid #002251;}
.contents .article h3:before{top:0;bottom:0;border-left:.25em solid #003351;margin:.3em 0;left:0;}
.contents .article h4{margin:0 0 0.8em;padding:0.3em;font-size:1.05em;border-bottom:1px dotted #002251;}
.contents .article h5{margin:0 0 0.7em 0.5em;padding:0.3em;font-size:1em;}
.contents .article h6{margin:0 0 0.7em 0.5em;padding:0.3em;font-size:1em;}

/* list */
.contents .article ol {padding-left:2.2em;} /* 2桁 * 1.1倍（IE対策）*/
.contents .article ul {list-style:none;padding-left:0px;}
.contents .article ol li,.contents .article ul li{margin-bottom:0.3em;}
.contents .article ul li{padding-left:1.6em;}
.contents .article ul li:before{top:0.35em;left:8px;width:0.6em;height:0.6em;background:#002251;border-radius:50%;}
.contents .article ol > li{ padding-left: 0px !important;}
.contents .article ol > li:before{ display: none !important;}
.contents .article ul li > ol,
.contents .article ol li > ul { margin: 0.5em 0;}

/* table */
.contents .article table{border-collapse: collapse;margin-bottom:15px;}
.contents .article table caption{padding:4px 0px;color:#1B3763;font-weight:bold;}
.contents .article table table,
.contents .article table ul,
.contents .article table ol,
.contents .article table table dl{margin-bottom:0px;}
.contents .article table th,
.contents .article table td{padding:0.5em;border:1px solid #666666;}
.contents .article table th{color:#002251;background:#EEF0F2;}
.contents .article table.noborder,
.contents .article table.noborder th,
.contents .article table.noborder td{border:none;}
.contents .article table.widetable{display:block;max-width:100%;overflow:auto;border:none;}
.contents .article table.widetable caption{display:block;}
.contents .article table.widetable tbody{display:table;}

/* indent */
.contents .article .txtbox h4,
.contents .article .txtbox h5,
.contents .article .txtbox h6,
.contents .article .txtbox ol,
.contents .article .txtbox ul,
.contents .article .txtbox p,
.contents .article .txtbox table{margin-left:0.5em;}

/* template imagebox */
.contents .article .box-image { padding: 1em 0 0;}
.contents .article .box-image li { margin: 0 1% 1%; padding: 0; float: left; text-align: center; }
.contents .article .box-image li:before { display: none;}
.contents .article .box-image li img { max-width: 100%; height: auto;}
.contents .article .box-image li p { padding-top: 0.5em; font-size: 0.8em;}

.contents .article .box-image.single li { width: 98%; float:none;}
.contents .article .box-image.double li { width: 48%;}
.contents .article .box-image.triple li { width: 31.3333333333%;}
.contents .article .box-image.quadruple li { width: 23%;}
.contents .article .box-image.pentadruple li { width: 18%;}
.contents .article .box-image.hexatruple li { width: 14.6666666666%;}

.contents .article .box-image.double li:nth-child(2n+1),
.contents .article .box-image.triple li:nth-child(3n+1),
.contents .article .box-image.quadruple li:nth-child(4n+1),
.contents .article .box-image.pentadruple li:nth-child(5n+1),
.contents .article .box-image.hexatruple li:nth-child(6n+1),.contents .article .box-image li.clear{clear:both;}

.contents .article .image_box {margin: 0px 0px 10px; padding-bottom: 0;}
.contents .article .image_box img{max-width: 100%; height: auto;}
.contents .article .image_box_center {min-width:240px; width: 50%; max-width: 80%; margin: 0px auto 10px; padding-right: 2em;}
.contents .article .image_box_left,
.contents .article .image_box_right {max-width: 50%; }
.contents .article .image_box_left {float: left; margin-right: 10px;}
.contents .article .image_box_right {float: right; margin-left: 10px;}
.contents .article .image_box_left p,
.contents .article .image_box_right p{padding-top: 0.5em; font-size: 0.85em; text-align:center;}

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

/* organization_table */
.contents .article .organization_section .organization_table{margin:1em 0;padding:0;max-width:100%;}

/* Q and A */
.contents .article .qanda dt{border-bottom:1px dotted #333333;}
.contents .article .qanda dd{margin:0px;}
.contents .article .qanda dt:before,.article dl.qanda dd:before{content:"Q";padding-right:0.2em;color:#002251;font-size:240%;font-family:"monospace";}
.contents .article .qanda dd:before{content:"A";color:#880000;}

/* YouTube */
.contents .article .mv_area{position:relative;height:0px;width:100%;max-width:715px;margin:1em 0;padding-top:56.25%;overflow:hidden;}
.contents .article .mv_area.normal_wide{padding-top:75%;}
.contents .article .mv_area iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.contents .article .mv_area p{margin:0.5em 0;font-size:0.9em;}
.contents .article .section h2{border-left:none;border-bottom:2px solid #002251;}

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

/* map section */
.contents .article .map_ground{width:100%;max-width:713px;border:1px solid #ccc;margin:0 0 1em;padding:0;}

/* link section */
.contents .article .link_section ul li{margin-top:.7em;margin-bottom:.5em;}
.contents .article .link_section ul li:before{height:0px;border:0.4em solid transparent;border-left:0.6em solid #002251;background:transparent;border-radius:0px}

/* file section */
.contents .article .file_section .file_list li {margin:.7em 0 .5em .4em;padding:0;}
.contents .article .file_section .file_list li:before { display: none;}
.contents .article .file_section .file_list li a { padding-left: 1.2em; background: url(../img/file_list_mark.gif) no-repeat center left;background-size:14px;}
.contents .article .file_section .file_list li.pdf a { background-image: url(../img/file_list_mark_pdf.png);}
.contents .article .file_section .file_list li.doc a { background-image: url(../img/file_list_mark_doc.gif);}
.contents .article .file_section .file_list li.xls a { background-image: url(../img/file_list_mark_xls.gif);}
.contents .article .acrobat{margin:.5em 0;padding:8px;border:3px solid #c6c6c6;}
.contents .article .acrobat .icon{margin:0 .3em 0 0;border:none;float:left;font-weight:500; }
.contents .article .acrobat p{margin:0px;font-size:0.9em;}

/* info section */
.wrap .contents .article .info_section button[type='submit'],
.warp .contents .article .form_section butoon[type='submit']{height:2.2em;margin:0 auto 1em;width:auto;}
.contents .article .info_section button[type='submit']{padding-left:2.2em;position:relative;}
.contents .article .info_section button[type='submit']:before{
  content:"";display:block;position:absolute;width:0;height:0;
  top: 1.2em;left: 1em;border:0.5em solid #f0f0f0;border-top:0.5em solid transparent;border-bottom:0.3em solid #f0f0f0;background:transparent;
}
.contents .article .info_section button[type='submit']:after{
  content:"";display:block;position:absolute;
  top:1.2em;left:1em;border:0.5em solid transparent;border-top: 0.5em solid #ffffff;
}

/* form section */
.contents .article .form_section{padding:1em;border:1px solid #CCCCCC;}
.contents .article .form_section h2{border:none;}
.contents .article fieldset{padding:0px 0px 1em;border:none;}
.contents .article fieldset legend{padding:0 0 .3em 1em;}
.contents .article fieldset legend:before{top:0.35em;left:0;width:0.6em;height:0.6em;background:#c6c6c6;}

/* 新着情報 */
.contents .news_section .news{margin:1em 0 0;}
.contents .news_section .news dt{width:6em;margin:0;padding:0 0 .7em 0;float:left;clear:both;}
.contents .news_section .news dd{margin:0 0 1em;padding:0 0 .7em 7em;border-bottom:1px dotted #333333;}

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

/* 一覧ページ */
.contents .article .menu_section .menu {margin-bottom:.5em;}
.contents .article .menu_section .menu li:before { display: none;}
.contents .article .menu_section .menu li,
.contents .article .menu_section .menu dt{margin:.7em 0 .5em .4em;padding:0;}
.contents .article .menu_section .menu dd{margin:0 0 1em 0;padding-left:2em;font-size:.9em;}
.contents .article .menu_section .menu li a,
.contents .article .menu_section .menu dt a{padding-left:1.2em;background:url(../img/menu_listmark.png) no-repeat center left;background-size:11px;}

/* フォトギャラリー */
.contents .article .photo_section .box-image p{text-align:left;}
.contents .article .photo_section .box-image span a{display:block;color:#333;margin:.5em 0;padding:0 0 .3em 0;border-bottom:2px dotted #666666;font-size:1.1em;}

/* イベントカレンダー */
.contents .article .calendar_section table{width:100%;}
.contents .article .calendar_section table th{}
.contents .article .calendar_section table td{vertical-align:middle;}
.contents .article .calendar_section table td.center{text-align:center;}
.contents .article .calendar_section table td.day0{color:#900;} /* 日曜・祝日 */
.contents .article .calendar_section table td.day6{color:#04c;} /* 土曜日 */
.contents .article .calendar_section table td .weekday{display:block;font-size:.85em;}
.contents .article .navgation{font-size:.9em;width: auto;margin: 0;clear:both;float:none;list-style-type:none;}
.contents .article .navgation .previous_month{float:left;}
.contents .article .navgation .next_month{float:right;}

/* イベントアイコン */
.calendar .contents .nav h2{margin:0 0 0.8em;padding:0.3em 0;font-size:1.3em;border-bottom:3px solid #002251;}
.calendar .contents ul.event_icon li{min-height:24px;line-height:24px;padding-left:32px;}
.calendar .contents ul.event_icon li:before{border-radius:0px;top:0;bottom:0;left:8px;margin: 0;width:24px;height:24px;background:none no-repeat 0 0;background-color:transparent;}
.calendar .contents ul.event_icon li.event_icon01:before{background-image:url(../img/calendar_icon01.png);}
.calendar .contents ul.event_icon li.event_icon02:before{background-image:url(../img/calendar_icon02.png);}
.calendar .contents ul.event_icon li.event_icon03:before{background-image:url(../img/calendar_icon03.png);}
.calendar .contents ul.event_icon li.event_icon04:before{background-image:url(../img/calendar_icon04.png);}

/* 施設マップ */
.contents .article .map_section .left_menu_list{width:34%;margin:0 1% 0 0;padding:0;float:left;}
.contents .article .map_section .left_menu_list h2{font-size:1.3em;background:initial;border:none;border-bottom:3px solid #002251;}
.contents .article .map_section .mapobject_list{width:auto; margin:0px;overflow:auto;padding:.4em;max-height:20em;}
.contents .article .map_section .mapobject_list small{overflow:visible;}
.contents .article .map_section .mapobject_kind{height:250px;width:auto;max-height: 20em;margin: 0px; overflow:auto;padding:.2em .4em;line-height:1.25em;}
.contents .article .map_section .right_contents{width:64%;margin:2.1em 0 0 1%;padding:0;float:right;}
.contents .article .map_section .right_contents *{overflow:visible;padding:0;}
.contents .article .map_section .mapobject_map{width:auto;height:600px;border:1px solid #ddd;}
.contents .article .map_section .mapobject_map .gm-style,
.contents .article .map_section .mapobject_map .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .map_section .mapobject_map .gm-style .gm-style-cc span,
.contents .article .map_section .mapobject_map .gm-style .gm-style-cc a,
.contents .article .map_section .mapobject_map .gm-style .gm-style-mtc div,
.contents .article .map_section .mapobject_map .gm-style .gm-style-iw{font-size:0.8em!important;font-weight:normal!important;line-height:1.3;}

/* custom search */
.contents .article .search_result_google *{overflow:visible;}
.contents .article .search_result_google table th,.contents .article .search_result_google table td{border:none;}
.contents .article .search_result_google .gsc-results .gsc-cursor {display: block;text-align: center;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-page{padding:.5em;border:1px solid #ccc;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-current-page{border:2px solid #ccc;}
.contents .article .search_result_google .gsc-control-cse div{padding:0;}
.contents .article .search_result_google .gsc-control-cse div.gs-title{padding:.6em 0;}
.contents .article .search_result_google .gsc-control-cse div.gsc-option {padding: 0.3em 1em;}
.contents .article .search_result_google .gcsc-branding-img-noclear{max-width:unset;}
.contents .article .search_result_google .gsc-webResult.gsc-result,
.contents .article .search_result_google .gsc-results .gsc-imageResult{border:none;}

#result dt.title {margin:0; padding:0 0 0 1.3em;font-size: 1em;font-weight:normal;word-wrap: break-word;position: relative;}
#result dt.title a:hover { text-decoration: none;}
#result dd.body {margin:0;padding:0; margin-bottom: 2em; font-size: 0.9em;word-wrap: break-word;}
#result dd.body cite { display: block; margin-top: 0.5em; padding-left:0.5em; font-size: 0.9em; color: #006520; font-style: normal;}
#result dd.body p{line-height:1.3em;}
#result .pager ul > li{padding:0;}
#result .pager ul > li:before {display: none;}
#result dt.title:before { background:none no-repeat center center; position:absolute; content:""; display: block; width: 1em;height: 1em;left:0;top:0.25em}
#result dt.title:before{background-image: url("/core/img/file_list_mark.gif");}
#result dt.title.pdf:before { background-image: url("/core/img/file_list_mark_pdf.png");}
#result dt.title.word:before{ background-image: url("/core/img/file_list_mark_doc.gif");}
#result dt.title.excel:before { background-image: url("/core/img/file_list_mark_xls.gif");}
.pager ul{margin:0;padding:0;}
.pager ul li{margin:0;padding:0;}
.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:"> ";}
.fileselect { display: flex; flex-wrap: wrap; }
.fileselect a { display: block; margin: 0.5em 0.25em;; padding: 0.5em 1em; text-decoration: none; background-color: #eee; color:#333; box-sizing: border-box; border-radius: 0.3em; transition-duration: 0.15s;}
.fileselect a.active{background:#333;color:#fff;}
.fileselect a:hover,
.fileselect a:focus { box-shadow: inset 0px 0px 0px 2px #ff7f00;}

/* form */
.form .contents .article .overview_list dt{width:12.5em;}
.form .contents .article .overview_list dd{padding-left:13em;}
.form .contents .article input[type="text"]:focus{outline:none;border:1px solid #002251;}
.form .contents .article input[type="text"] {line-height:1.1em;border:1px solid #999999;max-width:90%;}
.form .contents .article .formsubmit input[type="submit"] {margin-right:0.5em;}

/*---------------------------------------------------------------------------
 nav section
----------------------------------------------------------------------------*/
.contents .nav {width:230px;float:right;}
.contents .nav ul,
.contents .nav dl{margin:0px 0px 20px;padding:0px;list-style:none;}
.contents .nav ul{margin-bottom:5px;}
.contents .nav dl dt{padding:0.8em;color:#ffffff;border:1px solid #002251;background:#002251;}
.contents .nav dl dd{margin:0px;}
.contents .nav ul li a,
.contents .nav dl dd a{display:block;padding:0.8em;padding-left:2em;border:1px solid #E5E5E5;color:#333333;text-decoration:none;border-top:none;}
.contents .nav dl dd a:hover{background:#f0f0f0;color:#002251;}
.contents .nav ul li{margin-bottom:15px;}
.contents .nav ul li a:before,
.contents .nav dl dd a:before{top:1.2em;left:1em;height:0px;border:0.3em solid transparent;border-left:0.5em solid #002251;}
.contents .nav ul.banner li a{padding:0px;border:none;}
.contents .nav ul.banner li a:before{display:none;}

/*---------------------------------------------------------------------------
 footer section
----------------------------------------------------------------------------*/
.footer{font-size:0.9em;}
.footer .wrap{width:980px;margin:30px auto 0px;}
.footer ul{margin:0px;padding:0px;list-style:none;text-align:center;}
.footer ul li{padding:0.5em 0px;}
.footer ul li a{display:block;color:#333333;}
.footer ul li a:hover{color:#000000;}
.footer ul.menu{background:#F6F6F6;}
.footer ul.menu li{display:inline-block;}
.footer ul.menu li a{padding:0px 1em;border-left:1px solid #333333;}
.footer ul.menu li:first-child a{border:none;}
.footer ul.link{float:right;}
.footer ul.link li{margin:0px 0.5em;float:left;}
.footer ul.link li a:before{padding:0;content:"> ";}
.footer ul.banner{float:right;clear:both;}
.footer ul.banner li{margin:0px 8px ;float:left;}
.footer ul.banner li:nth-child(3n+1){ clear: both;}
.footer dl{min-height:72px;margin:0px;padding-left:140px;background:url(../img/stay_with_the_ocean.png) no-repeat left center;}
.footer dl dt{font-size:1.2em;font-weight:bold;}
.footer dl dd{margin:0px;font-size:0.9em;}
.footer .copyright{margin:0px;padding-left:140px;font-size:0.8em;clear:both;}
.footer .reread_link{ width:80px;position:fixed;bottom:44px;right:0px;}
.footer .reread_link a{display:block;height:98px;overflow:hidden;text-indent:-100em;background:url(../img/pagetop.png) no-repeat center center;}
.footer .reread_link a:hover{opacity:0.8;}

.footer .footer_mail { display: block; width: 149px; margin-left: 140px; margin-bottom: 1em;}
.footer .wrap .right{max-width: 450px;}

/* disaster */
.emergency .contents .article {overflow: visible; border: 2px solid #990000; padding: 4px 14px 14px; box-sizing: border-box;}
.emergency .contents .article h1{margin:0px -10px 15px;padding:12px 6px 10px; border: none; color: #ffffff; background:#990000;font-size:1.1em;}
.emergency .contents .article h1:before { display: none;}
.emergency .contents .article h2{padding:8px 6px 6px;font-size:1.2em; background-color: rgba(128,128,128,0.1); border-left-color: #990000;}
.emergency .contents .article h3{padding-left:0px;border-bottom:2px solid #990000;font-size:1.1em;}
.emergency .contents .article h3:before { display:none;}
.emergency .contents .article h4{position:relative;padding-left:0em; border-bottom: 2px dotted #CE8686; font-size:1em;}
.emergency .contents .article h5{position:relative;padding-left:1.3em;font-size:1em;}
.emergency .contents .article h6{position:relative;padding-left:1.3em;font-size:0.9em;}
.emergency .contents .article ul li:before { background-color: #990000;}
.emergency .contents .article .section h2{background:none;border-bottom:1px solid #999999;}
.contents .article .info_section button[type='submit']{background-color:#404040;}

/* subtop */
.sub_top .contents .nav ul li a,
.sub_top .contents .nav dl dd a{border-top:1px solid #E5E5E5;}

/*
.header .nav ul li,
*/
.contents .article h1,
.contents .article h2,
.contents .article h3,
.contents .article h4,
.contents .article h5,
.contents .article ul li,
.contents .article .event_section .event dt,
.contents .article fieldset legend,
.contents .nav ul li a,
.contents .nav dl dd a,
.calendar .contents ul.event_icon li{position:relative;}

.header .nav ul li:before,
.header .nav ul li.menu01:after,
.header .nav ul li.menu11:after,
.header .nav ul li.menu21:after,
.header .nav ul li.menu31:after,
.contents .article h1:before,
.contents .article h2:before,
.contents .article h3:before,
.contents .article h4:before,
.contents .article h5:before,
.contents .article ul li:before,
.contents .article .event_section .event dt:before,
.contents .article fieldset legend:before,
.contents .nav ul li a:before,
.contents .nav dl dd a:before,
.calendar .contents ul.event_icon li:before{display:block;content:" ";position:absolute;}

.font_kyoutyo{font-weight:bold;}
.font_coment,.font_comment{font-size:80%;}
.font_red{color:#d90000;}


/***************************
 search box
***************************/
.header form.search .input_area{width:68%;}
.header form.search .option_area{width:30%;}
.header form.search .option_area ul{padding-top:1em;}


/* Google Map Accesibility */
.contents .article .section .gm-style,
.contents .article .section .gm-style div{font-size:.95em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .section .gm-style .gm-style-cc span,
.contents .article .section .gm-style .gm-style-cc a,
.contents .article .section .gm-style .gm-style-mtc div,
.contents .article .section .gm-style .gm-style-iw{font-size:0.8em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .section .gm-style a{text-decoration:underline!important;}

/* ===========================
 file type view
=========================== */
a.sizeview { padding-left: 28px; background: 4px center no-repeat;}
a.sizeview { background-image:url("/core/img/file_list_mark.gif");}
a.sizeview[href$=".pdf"] { background-image:url("/core/img/file_list_mark_pdf.png");}
a.sizeview[href$=".doc"],
a.sizeview[href$=".docx"] { background-image:url("/core/img/file_list_mark_doc.gif");}
a.sizeview[href$=".xls"],
a.sizeview[href$=".xlsx"] { background-image:url("/core/img/file_list_mark_xls.gif");}

/* outside link */
a.outside,a.sizeview {padding-right: 0.2em; }
a.outside:after, a.sizeview:after{ display: inline-block; content: ""; width: 0.9em; height: 0.9em; margin-left: 0.2em; background: center center no-repeat url("../img/ico_outside.png"); background-size: contain;}

/* レスポンシブ + 20px する */
@media screen and (min-width: 0px) and (max-width: 1000px) {
  #TOP,
  .header .nav ul{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
  .header .wrap,.contents,.contents .article,.footer .wrap{width:auto;min-width:0px;max-width:98%;margin:4px 1% 8px;float:none;}
  .contents .nav {width:auto;max-width:764px;float:none;margin-left:auto;margin-right:auto;}

  .footer .wrap .right{float:none;max-width: inherit;}
  .footer ul.link,.footer ul.banner,
  .footer ul.link li,.footer ul.banner li{float:none;margin-left:auto;margin-right:auto;}
  .footer ul.link li,.footer ul.banner li{display:inline-block;}
  .footer ul.banner{ overflow: hidden;}

  .contents .article .box-image.single li{width:48%;float:left;}
  .contents .article .box-image.single li:nth-child(2n+1){clear:both;}
  .contents .article .mapbox .overview_table{float:none;}
  .contents .article .mapbox .box-image{width:auto;float:none;margin-left:auto;margin-right:auto;}
  .contents .article widetable thead,.contents .article .widetable tbody {white-space: nowrap;}

  .header .nav ul li.menu01 a{background-image:url(../img/main_menu01_s.png);}
  .header .nav ul li.menu02 a{background-image:url(../img/main_menu02_s.png);}
  .header .nav ul li.menu03 a{background-image:url(../img/main_menu03_s.png);}

  .header .nav ul.sub li.menu01:after,.header .nav ul.sub li.menu05:before,
  .header .nav ul.sub li.menu11:after,.header .nav ul.sub li.menu15:before,
  .header .nav ul.sub li.menu21:after,.header .nav ul.sub li.menu25:before,
  .header .nav ul.sub li.menu31:after,.header .nav ul.sub li.menu35:before{display:none;}

  #placesearch{width:auto;max-width:calc(100% - 6em);}
}

@media screen and (max-width: 787px) {
  textarea{width:100%;}
  .header .wrap .title, .header h1,.header .page_control{margin:0;padding:0;}
  .header .page_control{height:auto;}
  .header .nav ul.sub li.menu04,
  .header .nav ul.sub li.menu13,
  .header .nav ul.sub li.menu23,
  .header .nav ul.sub li.menu33{clear:both;}
  .header .nav ul.sub li.menu04,.header .nav ul.sub li.menu05,
  .header .nav ul.sub li.menu11,.header .nav ul.sub li.menu12,
  .header .nav ul.sub li.menu21,.header .nav ul.sub li.menu22,
  .header .nav ul.sub li.menu31,.header .nav ul.sub li.menu32{width:50%;}
  .header .nav ul.sub li.menu01,.header .nav ul.sub li.menu02,.header .nav ul.sub li.menu03,
  .header .nav ul.sub li.menu13,.header .nav ul.sub li.menu14,.header .nav ul.sub li.menu15,
  .header .nav ul.sub li.menu23,.header .nav ul.sub li.menu24,.header .nav ul.sub li.menu25,
  .header .nav ul.sub li.menu33,.header .nav ul.sub li.menu34,.header .nav ul.sub li.menu35{width:33.3%;}
  .header .nav ul.sub li.menu03:before,.header .nav ul.sub li.menu12:before,.header .nav ul.sub li.menu22:before,.header .nav ul.sub li.menu32:before{display:none;}

  .contents .news_section .news dt,
  .contents .article .overview_list dt,
  .form .contents .article .overview_list dt,
  .contents .article .event_section .event dt{width:auto;float:none;text-align:left;padding-left:.5em;}
  .contents .article .overview_table {width:100%;}
  .contents .article .overview_table th,
  .contents .article .overview_table td{display:block;width:auto;text-align:left;}
  .contents .article .overview_table td{padding-top:0;padding-bottom:.7em;}
  .contents .article .overview_table th,
  .contents .article .overview_list dt{border:none;margin-bottom:.8em;padding:.3em;color:#002251;font-weight:bold;background:#EEF0F2;}
  .contents .article .overview_table td,
  .form .contents .article .overview_list dd,
  .contents .article .overview_list dd{ border:none;padding-left:0;margin-bottom:0;}
  .contents .news_section .news dd,
  .contents .article .event_section .event dd{width:auto;padding-left:1em;}

  .contents .article .organization_section .organization_table{border-collapse: collapse;border:none;width: 100%;}
  .contents .article .organization_section .organization_table .title{display:none;}
  .contents .article .organization_section .organization_table tr{border:none;display:block;margin:0 0 .8em;;padding:0;width:auto;}
  .contents .article .organization_section .organization_table td{border:none;display:block;margin:0px;padding:.3em 0;width:auto;}
  .contents .article .organization_section .organization_table td.headtitle{margin:0 0 .5em;padding:.4em;color:#000000;background:#f4f4f4;border-left:4px solid #002251;}
  .contents .article .organization_section .organization_table td.headtitle a{color:#000;}
  .contents .article .organization_section .organization_table td.nodata{display:none;}
  .contents .article .organization_section .organization_table td:nth-child(2):before{content:"電話番号："}
  .contents .article .organization_section .organization_table td:nth-child(3):before{content:"内線番号："}
  .contents .article .organization_section .organization_table td:nth-child(4):before{content:"場所："}

  .contents .article .calendar_section table .title{display:none;}
  .contents .article .calendar_section table tr{border:none;display:block;margin:0 0 .8em;;padding:0;width:auto;}
  .contents .article .calendar_section table td{border:none;display:block;margin:0px;padding:.3em 0;width:auto;}
  .contents .article .calendar_section table td.center{text-align:left;margin:0 0 .5em .5em;padding:.4em;font-weight:bold;background:#f4f4f4;border-bottom:2px solid #002251;}
  .contents .article .calendar_section table td .font_comment{display:inline;padding-left:.7em;}

  .contents .article .box-image.triple li,
  .contents .article .box-image.quadruple li{width:48%;}
  .contents .article .box-image.pentadruple li,
  .contents .article .box-image.hexatruple li {width: 31.3333333333%;}

  .contents .article .box-image.double li:nth-child(2n+1),
  .contents .article .box-image.triple li:nth-child(3n+1),
  .contents .article .box-image.quadruple li:nth-child(4n+1),
  .contents .article .box-image.pentadruple li:nth-child(5n+1),
  .contents .article .box-image.hexatruple li:nth-child(6n+1),.contents .article .box-image li.clear{clear:initial;}

  .contents .article .box-image.triple li:nth-child(2n+1),
  .contents .article .box-image.quadruple li:nth-child(2n+1),
  .contents .article .box-image.pentadruple li:nth-child(3n+1),
  .contents .article .box-image.hexatruple li:nth-child(3n+1){clear:both;}

  .contents .article .mv_area,.contents .article .map_ground{width:88%;margin-left:auto;margin-right:auto;}

  .contents .article .map_section .right_contents,
  .contents .article .map_section .left_menu_list{width:auto;margin:1em 1% 0;float:none;}
  .contents .article .map_section .list_category{width:48%;float:left;}
  .contents .article .map_section .list_place{width:48%;float:right;}
  .contents .article .map_section .mapobject_list{height:20em;}
  .contents .article .map_section .mapobject_map{height:400px;}
  .contents .article .map_section .left_menu_list p{clear:both;text-align: center;padding-top:1em;}
  
  
  /* グローバルメニュー - 下階層 */
  #menu ul.sub_category { display: none;} /* ここのブレイクポイントからサブカテゴリは非表示 */
  
  
  /* ===================================
    common menu 
  ====================================*/
  .header .wrap .title,
  .header h1 { margin-top: 0px;}
  
  .common_menu .words ul { width: 14em;}
  .common_menu .words ul li { width: 100%; margin: 6px;}
  
  .common_menu #UD dl.color_change,
  .common_menu #UD dl.textsize_change { float: none;}
  .common_menu #UD dl.color_change { width: 204px;}
  .common_menu #UD dl.color_change dt { width: 80px;}
  .common_menu #UD dl.color_change dt,
  .common_menu #UD dl.textsize_change dt { background-position: right 6px center;}

  
}



@media screen and (max-width: 700px) {
  .header .wrap .title,
  .header h1 {margin-top: 0px;}
  #UD dl.color_change,
  #UD dl.textsize_change{ float: right;}
}



@media screen and (max-width:484px) {
  body{ font-size:.9em; min-width:320px;}

  .form .contents .article input[type="radio"] ,
  .form .contents .article input[type="checkbox"]{height:38px;width:38px;}

  .header .wrap .title, .header h1{margin:8px 0;padding:0;}
  div.right,div.left{float:none;}

  #UD dl.color_change ,#UD dl.textsize_change{position:static;width:auto;min-width:0px;max-width:100%;float:none;}

  .header form.search .input_area,
  .header form.search .option_area,
  .header .nav ul li,
  .header .nav ul.sub li.menu01,.header .nav ul.sub li.menu11,.header .nav ul.sub li.menu21,.header .nav ul.sub li.menu31,
  .header .nav ul.sub li.menu02,.header .nav ul.sub li.menu12,.header .nav ul.sub li.menu22,.header .nav ul.sub li.menu32,
  .header .nav ul.sub li.menu03,.header .nav ul.sub li.menu13,.header .nav ul.sub li.menu23,.header .nav ul.sub li.menu33,
  .header .nav ul.sub li.menu04,.header .nav ul.sub li.menu14,.header .nav ul.sub li.menu24,.header .nav ul.sub li.menu34,
  .header .nav ul.sub li.menu05,.header .nav ul.sub li.menu15,.header .nav ul.sub li.menu25,.header .nav ul.sub li.menu35{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
  .header form.search .option_area { margin-left:10px;}
  

  .header { padding-top: 52px;} /* メニュー分余白 */
  
  .header .wrap .title,
  .header h1 { width: 200px; background-size: contain;}
  .header .wrap .title a,
  .header h1 { height: 52px;}

  #menu,
  .common_menu { display:none;}
  .common_menu .wrap { padding-bottom: 0;}  
  
  .header .nav .conf_button,
  .header .nav .menu_button { display: block;}
  
  .menu_bg,
  .conf_bg { display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 0; background-color: rgba(0,0,0,0.8); z-index: 40;}
  
/*
  #UD{position:fixed;bottom:0px;left:0;z-index:100;opacity:0;transition-duration:0.2s;}
  #UD dl.textsize_change dt,
  #UD dl.color_change dt{width:44px;min-height:44px;padding:0px;background:rgba(0,0,0,0.6) no-repeat center center;border-radius:50%;}
  #UD dl.active dt{background-color:rgba(128,0,0,0.6);}
  #UD dl dd{width:auto;}
  #UD.active,
  #UD dl.active dd{display:block;opacity:1;}
  #UD dl dd a{width:0px;transition-duration:0.2s;}
  #UD dl.active dd a{width:44px;}
  #UD dl.color_change ,#UD dl.textsize_change{ float: left;}
  #UD dl.color_change dt {background-image:url(../img/control_collar_ico.png);}
  #UD dl.textsize_change dt {background-image:url(../img/control_font_ico.png);}

  .header .nav{position:absolute;top:0px;left:0px;right:0px;overflow:visible;z-index:50;}
*/
  .common_menu,
  .header .nav { position: fixed; top: 0px; left: 0px; right: 0px; overflow: visible; z-index: 50;}
  .header .nav ul:not(.sub) { padding-top: 52px;}
  .common_menu .words { width: 100%; padding-top: 72px;}
  .common_menu .words ul { margin-left: auto; margin-right: auto;}
  .common_menu .words ul li a:hover,
  .common_menu .words ul li a:focus { background-color: #BFD7F7;}
  
  .common_menu #UD { padding-top: 24px;}
  .common_menu #UD dl.color_change,
  .common_menu #UD dl.textsize_change { display: flex; justify-content: center; align-items: center; align-content: center; width: auto;}
  .common_menu #UD dt { font-size: 0.9em; color: #fff; text-indent: 0; text-align: center;}
  .common_menu #UD dl.color_change dt,
  .common_menu #UD dl.textsize_change dt { background: none;}
  .common_menu #UD dl dd { margin-left: 4px; margin-right: 4px;}

  .common_menu #UD dl,
  .common_menu #UD dl dt,
  .common_menu #UD dl dd { float: none; min-height: inherit;}
  
  .contents .news_section .news dt{margin:0 0 .5em 0;padding:0;}
  .contents .news_section .news dd{margin:0 0 .5em 0;padding:0 0 .5em 0;}
  .contents .article .image_box_right,
  .contents .article .image_box_left,
  .contents .article .acrobat .icon{float:none;width:auto;max-width:100%;}
  .contents .article .image_box_right,
  .contents .article .image_box_left{text-align:center;}

  .footer ul.menu li{display:block;border-bottom:2px solid #fff!important;}
  .footer ul.menu li a{display:block;width:auto;height:48px;line-height:48px;border:none;text-align:left;}

  .footer ul.link li{display:block;width:50%;float:left;margin:0;padding:0;height:48px;line-height:48px;background:#fff;}
  .footer ul.link li a,.footer ul.link li:first-child a{border-left:1px solid #ccc;}
  .footer ul.link li:nth-child(odd) a{border-left:none;}
  .footer ul.link li a::before{display:none;}

  .footer .reread_link{bottom:0px;}
  .footer .reread_link a{opacity:1;}

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

@media screen and (min-width:485px) {  
  html body #menu,
  .common_menu {display:block !important;}
}

.news span{
  position: relative;
  display: block;
  float: left;
  width: 8em;
  margin-top: -0.5em;
  margin-right: 1.75em;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}

.news span.category01 { background-color: #2B489F; border: solid 0.5em #2B489F;}
.news span.category02 { background-color: #3B66BC; border: solid 0.5em #3B66BC;}
.news span.category03 { background-color: #4475D1; border: solid 0.5em #4475D1;}

/* form */
.contents .article fieldset legend.dt:before{display: none;}
.contents .article fieldset legend.dt{margin-left:0;padding-left:0;}
.form.txtbox form dt,form .dt{margin: 1em 0;border-bottom: 1px dotted #ccc;padding:.3em 0;width:80%;display:block;}
.form.txtbox form dd,form .dd{}
.form.txtbox form input[type="text"]:focus{outline:none;border:1px solid #CFEDF3;}
.form.txtbox form input[type="text"] {height:3em;line-height:3em;border:1px solid #CCCCCC;width:80%;max-width:80%;}
.form.txtbox form input[type="submit"] {margin-right:.5em;}
.form.txtbox form textarea{width:100%;box-sizing:border-box;min-height:8em;}
.form.txtbox form dd span{display:block;}
.form.txtbox .form_list dd{margin:.8em 0;}

/* ハイコントラスト・モード */
@media screen and (-ms-high-contrast:active){
#TOP{min-width:750px;margin:5px;}
.header .wrap .title a,.header h1{text-indent: 0;font-size:2em;}
#UD dl.color_change{display:none;}
#UD dl.textsize_change{width:auto;}
#UD dl.textsize_change dt,#UD dl.textsize_change a{text-indent:0;text-align:center;}
.header .nav ul li a{text-indent:0;text-align:center;height:2em;min-height:auto;font-size:1.6em;}
.header .nav ul.sub li a{font-size:1.3em;}
.header form.search label.search_txt{margin: 8px 0px;width:auto;text-indent:0;}
.header form.search .option_area{width:40%;width:calc(50% - 7em);}
.header form.search .option_area h2{text-indent:0;font-size:0.9em;}
.contents .article .link_section ul li{border-left:.5em solid #ffffff;padding-left:.8em;}
.contents .article .link_section ul li::before {display:none;}
.contents .article .file_section .file_list li a{padding-left:0;}
.contents .article .file_section .file_list li a:before{content:url(../img/file_list_mark.gif);padding-right:.2em;}
.contents .article .file_section .file_list li.pdf a:before{content:url(../img/file_list_mark_pdf.png);}
.contents .article .file_section .file_list li.doc a:before{content:url(../img/file_list_mark_doc.gif);}
.contents .article .file_section .file_list li.xls a:before{content:url(../img/file_list_mark_xls.gif);}
}

/* pc <-> sp */
#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{display:none;}
 #sp{display:block;}
}

/* print css */
@media print{
.contents .article ul li:before {display:none;}
.contents .article ul li{list-style: circle;padding-left: 0;margin-left: 1.6em;}
}
/* readspeaker */
body .rsbtn { z-index: 100;}
body .rsbtn,.rsbtn div { overflow: initial;}
@media all and (-ms-high-contrast: none) {
  .rsbtn.toolsopen .rsbtn_toolpanel{
    height:56px;
  }
  .rsbtn .rsbtn_toolpanel .rsbtn_tools{
    width:275px; height:51px;
  }
}


/* 230227 見出し等調整 ========================*/
/* コンテンツ */
.contents { line-height:1.6;}
.contents .article h2 { padding: .5em; background-color: #B5CBE9; border: none; font-size: 1.2em;}
.contents .article h3 { padding-top: .5em; padding-bottom: .4em; font-weight: normal;}
.contents .article h3:before { width: 4px; border: none; background: linear-gradient(to bottom, #5375AA, #5375AA 50%, #092250 50%);}
.contents .article h4 { font-weight: normal; background-color: #EEEEEE;}

/* サブトップ */
.sub_top .contents .article .section h2 { padding: .3em .5em; background-color: #B5CBE9; border: none; font-size: 1.3em;}

/* サブトップ くらしのイベント */
.sub_top div.life_event dl.icon dt { position: relative; border: none; padding-top: .3em; padding-bottom: .2em;}
.sub_top div.life_event dl.icon dt:before { position: absolute; display: block; content: ""; width: 4px; top: 0px; bottom: 0px; left: 0px; background: linear-gradient(to bottom, #5375AA, #5375AA 50%, #092250 50%);}

.sub_top .main .two_column .section h2:before{ top: .2em; bottom: .2em; left: 4px; width: 4px; background: linear-gradient(to bottom, #5375AA, #5375AA 50%, #092250 50%); border: none;}