@charset "utf-8";
/*
Theme Name: munakatajimu
Author: Emotion Wave Co.,ltd
Description: 宗像地区事務組合
Version: 1.0
*/
/*-----------------------------------
munakatajimu
-----------------------------------*/
body { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 16px; }

div#wrapper { min-height:100vh; display:flex; flex-direction:column; }
div#main { flex: 1 1 auto; }

div.cont_wrap { max-width:1280px; min-width:980px; margin:0 auto; }
div.cont_inner { max-width:980px; min-width:980px; margin:0 auto; padding:25px; }
/*div.inner_wrap { padding:50px 25px; box-sizing:border-box; }*/
@media (max-width:980px) {
}
@media (max-width:820px) {
div.cont_wrap { max-width:100%; min-width:100%; }
div.cont_inner { max-width:100%; min-width:100%; padding:10px; }
/*div.inner_wrap { padding:15px 0; }*/
}
@media (max-width:600px) {
}

.t_a_c { text-align: center; } 


/* sp_menu */
#NodeMenu { display: none; }
ul#NodeMenu { margin:0; padding:0; background:#2781C0; }
ul#NodeMenu li { list-style: none; }
ul#NodeMenu li.menuber { }
ul#NodeMenu li.menuber span { display:block; width:100%; background: url("images/icon_menu.png") left 8px center no-repeat; background-size: 24px; padding: 10px 10px 10px 32px; }
	
ul#NodeMenu li.kaihei_bt { border-top:1px solid #fff; } 
ul#NodeMenu li.kaihei_bt:hover { background:rgba(0,0,0,0.2);} 
ul#NodeMenu li.kaihei_bt span { padding:10px; display:block; width:100%; } 
ul#NodeMenu li.kaihei_bt span a { display: inline-block; font-weight: bold !important } 
ul#NodeMenu li.kaihei_bt span a { background:none !important } 
ul#NodeMenu li.kaihei_bt span a { padding:0px !important } 
ul#NodeMenu li.kaihei_bt span img { float:right; width:24px; height:24px; } 
ul#NodeMenu li a { text-decoration:none; color:#fff; display:block; font-weight: bold; font-size: 90%; }
ul#NodeMenu li a:hover { text-decoration:underline; }
	
ul#NodeMenu span.parent { /* 親テキスト */
color:#fff; font-weight:bold;
}

ul#NodeMenu div.child {  /* 子メニュー */
}
ul#NodeMenu div.child p { font-weight: bold; color: #fff; padding: 10px 10px 5px 10px; }
ul#NodeMenu div.child ul li.sp_top_bt a { font-weight: bold; background:none; padding: 10px; border-top: 1px solid #fff; }
ul#NodeMenu div.child ul { padding: 0; }
ul#NodeMenu div.child ul li a { font-weight: normal; background: url("images/icon_arrow_w.png") left 10px top 5px no-repeat; background-size: 20px; padding: 5px 10px 5px 30px; }
ul#NodeMenu div.indent { padding: 0 0 0 0; 
}
@media (max-width:980px) {
    #NodeMenu { display: none; }
}
@media (max-width:820px) {
    #NodeMenu { display: none; }
}
@media (max-width:600px) {
    #NodeMenu { display: block; }
}


/* header */
.header { max-width:1280px; min-width:980px; margin:0 auto; }
.header_inner { /*display:flex;*/ }
.header_inner div.head_top { width:100%; display: flex; }
.header_inner div.head_top h1.logo a img { width:300px; }
.header_inner div.head_top div:nth-child(1){ padding: 25px; }
.header_inner div.head_top div:nth-child(2){ padding: 25px; }

.header_inner div.pc_head_menu { margin-top: 25px; /*width:100%; padding:25px;*/ }
.header_inner div.pc_head_menu ul { /*display:flex;*/ }
.header_inner div.pc_head_menu ul li { /*flex:1;*/ /*list-style:none;*/ }
.header_inner div.pc_head_menu ul li a {  /*display:block; */ }
.header_inner div.pc_head_menu ul li a.icon_top { background:url(images/icon_top.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_about { background:url(images/icon_about.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_facility { background:url(images/icon_facility.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_water { background:url(images/icon_water.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_info { background:url(images/icon_info.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_assembly { background:url(images/icon_assembly.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_download { background:url(images/icon_download.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_observation { background:url(images/icon_observation.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_user { background:url(images/icon_user.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_corp { background:url(images/icon_corp.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_firedepartment { background:url(images/icon_firedepartment.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_medical { background:url(images/icon_medical.png) top center no-repeat; background-size:56px; }
@media (max-width:980px) {
}
@media (max-width:820px) {
.header { max-width:100%; min-width:100%; }
.header_inner div.pc_head_menu ul li a.icon_top { background:url(images/icon_top.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_about { background:url(images/icon_about.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_facility { background:url(images/icon_facility.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_water { background:url(images/icon_water.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_info { background:url(images/icon_info.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_assembly { background:url(images/icon_assembly.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_download { background:url(images/icon_download.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_observation { background:url(images/icon_observation.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_user { background:url(images/icon_user.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_corp { background:url(images/icon_corp.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_firedepartment { background:url(images/icon_firedepartment.png) top center no-repeat; background-size:56px; }
.header_inner div.pc_head_menu ul li a.icon_medical { background:url(images/icon_medical.png) top center no-repeat; background-size:56px; }
}
@media (max-width:600px) {
.header { max-width:100%; min-width:100%; }
.header_inner div.head_top { display: block; }
.header_inner div.head_top h1.logo a img { width:280px; }
.header_inner div.head_top div:nth-child(1){ text-align: center; }
.header_inner div.head_top div:nth-child(2){ padding: 0; }

.header_inner div.pc_head_menu { display: none; }
}



	
.menu { position: relative; height: 120px; max-width: 1280px; min-width: 980px; margin: 0 auto; display: flex; }
.menu > li { flex:1; list-style:none; }
.menu > li a { display:block; text-decoration:none; color:#2781C0; font-weight: bold; padding:60px 0 0 0; text-align:center; font-size: 18px; line-height: 1.2em; }
.menu > li a span { font-size: 14px; }
.menu > li a:hover { /*color:#2781C0;*/ color: #fff; }

ul.menu__second-level { visibility:hidden; opacity:0; z-index:3; margin-top:60px; }
ul.menu__second-level p { font-weight: bold; color:#fff; margin-top: 10px; }
ul.menu__second-level p:first-child { margin-top: 0; }

ul.menu__third-level { visibility:hidden; opacity:0; }
ul.menu__fourth-level { visibility:hidden; opacity:0; }

.menu > li:hover { background:#2781C0;
    /*-webkit-transition: all .5s;
    transition: all .5s;*/
}

.menu__second-level { padding:20px !important }
	
.menu__second-level li { list-style:none; }
.menu__third-level li { list-style:none; }
.menu__fourth-level li { list-style:none; }

.menu__second-level li { width: 49%;display:inline-block; vertical-align:top; padding: 0 20px; }
.menu__second-level li:fast-child { padding-top:20px; }
.menu__second-level li a { display: block; text-decoration: none; color:#fff; padding: 5px 5px 5px 20px; background:url("images/icon_arrow_w.png") left top 5px no-repeat; background-size:20px; /*font-size:14px;*/ text-align:left; font-weight: normal; }
.menu__second-level li a:hover { text-decoration:underline; }

.menu__second-level li a:hover { text-decoration:underline; /*background:#fff; color:#fff;*/ }
.menu__third-level li a:hover { /*background:#2781C0; color:#fff;*/ }
.menu__fourth-level li a:hover { /*background:#2781C0; color:#fff;*/ }

/* 下矢印 
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    /*-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after { clear: both; }

.menu {
	*zoom: 1;
	}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 60px;
    width: 100%;
    background: #2781C0;
    /*-webkit-transition: all .2s ease;
    transition: all .2s ease;*/
}

li.menu__single:hover ul.menu__second-level {
    top: 120px;
    visibility: visible;
    opacity: 1;
}

/* menu__mega */
li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    background: #2781C0;
    /*-webkit-transition: all .2s ease;
    transition: all .2s ease;*/
}

li.menu__mega:hover a {
color: #fff; 
}

li.menu__mega:hover ul.menu__second-level {
    top: 60px;
    visibility: visible;
    opacity: 1;
}

/*li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 50%;
}

li.menu__mega ul.menu__second-level > li a {
	text-align: left;
	margin: 0; padding: 0;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 0;
}*/
	
@media (max-width:980px) {
}
@media (max-width:820px) {
.menu { max-width: 100%; min-width: 100%; }
.menu > li a { font-size: 16px; }
.menu__second-level li { padding: 0; }
}
@media (max-width:600px) {
}

/* サイト内検索 */
div.site_kensaku { padding: 0; margin: -5px 0 0 0; }
div.site_kensaku form input { border:1px solid #2781C0; padding:5px 10px; margin:0; font-size:16px; }

/* 言語切替 */
div.gtranslate_wrapper { padding:0 0 0 28px; margin: 2px 0 0 0; font-size: 18px; color: #2781C0; background: url("images/icon_lang.png") left center no-repeat; background-size:24px; }

/* fontSize */
div#fontSize { font-size: 18px; color: #2781C0; margin-top: 22px; }
div#fontSize p { display: inline-block; float: left; padding: 5px; }
div#fontSize ul { display: inline-block; display: flex; }
div#fontSize ul li { list-style: none; border: 1px solid #2781C0; padding: 5px 10px; margin: 0 5px; cursor: pointer; }
div#fontSize ul li:hover { background: #2781C0; color: #fff; }
@media (max-width:980px) {
}
@media (max-width:820px) {
div.gtranslate_wrapper { display: none; }
div#fontSize { display: none; }
}
@media (max-width:600px) {
div.site_kensaku { margin:-15px auto 0 auto; width: 100%; }
}

/* 音声読み上げ */
div#headerwidget { font-size:18px; margin-top:2px; }
div#headerwidget { color:#2781C0 !important }
@media (max-width:980px) {
}
@media (max-width:820px) {
div#headerwidget { display: none; }
}
@media (max-width:600px) {
}

/*.flexbox {
  display:flex;
}
 
.fw {
  flex-wrap:wrap;
}
 
ul {
  margin 0;
  padding:0;
  li {
    list-style:none;
  }
}
 
#fontSize { width: 120px; }
#fontSize ul {
    width: 110px;
    height: 35px;
    margin: 0 auto;
    justify-content: center;
    border: 1px solid #dddddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
#fontSize ul li {
      width: 35px;
      min-width: inherit;
      text-align: center;
      line-height: 28px;
      height: 35px;
      align-self: center;
      line-height: 35px;
      position: relative;
      cursor: pointer;
      border-left: 1px solid #dddddd;
      font-weight: bold;
      &:first-of-type {
         border: none; 
      }
    }
  }
    p {
       text-align: center;
       font-weight: 600;
       font-size: .87em;
       display: block;
       width: 100%;
       margin: 0 0 5px 0;}
}*/	









/* footer_banner_area */
.foot_bg_top { display:block; width:100%; height: 60px; }
.foot_bg_top img { width:100%; height:60px; }
.foot_bn_area_inner { background: #E9F2F9;}
.foot_bn_area_inner div { max-width:1280px; min-width:980px; margin:0 auto; text-align: center; padding: 50px 25px; }
.foot_bn_area_inner div a { padding: 10px; }
.foot_bn_area_inner div a img { width: 220px; }
@media (max-width:980px) {
}
@media (max-width:820px) {
.foot_bn_area_inner div { max-width:100%; min-width:100%; padding: 50px 15px; }
}
@media (max-width:600px) {
.foot_bg_top { height: 30px; }
.foot_bg_top img { height:30px; }
.foot_bn_area_inner div { padding: 25px 10px; }
.foot_bn_area_inner div a { padding: 5px; }
.foot_bn_area_inner div a img { width: 160px; }
}



/* footer_sitemap */
.nav-open { font-weight: bold; padding: 25px 25px 25px 60px; margin: 0;  color: #2781C0; background: #FFFED2; position: relative; cursor: pointer; }
.nav-open::before{
/* 閉じている時 */
content: "▼"; position: absolute; color: #fff; background: #2781C0; padding: 0 4px; border-radius: 5px; left:25px;
}
.nav-open.active::before{
/* 開いている時 */
content: "▲";
}

.footer_sitemap {}
.sitemap_inner { max-width:1280px; min-width:980px; margin:0 auto; }
.sitemap { padding: 25px; }
.sitemap div:nth-child(1) a { display: block; font-weight:bold; padding:10px; color:#2781C0; text-decoration:none; border-bottom: 1px solid #2781C0; background:url("images/icon_arrow_b.png") right center no-repeat; background-size: 25px; }
.sitemap div:nth-child(2) { padding: 10px; }
.sitemap div:nth-child(2) ul { padding: 0; }
.sitemap div:nth-child(2) ul p { font-weight: bold; color:#2781C0; margin-top: 10px; }
.sitemap div:nth-child(2) ul p:first-child { margin-top: 0; }
.sitemap div:nth-child(2) ul li { list-style: none; width: 49%; display: inline-block; vertical-align: top; }
.sitemap div:nth-child(2) ul li a { display: block; text-decoration: none; color: #000; padding: 5px 5px 5px 20px; background:url("images/icon_arrow_b.png") left top 5px no-repeat; background-size: 20px; font-size: 90%; }
.sitemap div:nth-child(2) ul li a:hover { text-decoration: underline; }
@media (max-width:980px) {
}
@media (max-width:820px) {
.sitemap_inner { max-width:100%; min-width:100%; }
}
@media (max-width:600px) {
.footer_sitemap { display: none; }
.sitemap { padding: 10px; }
.sitemap div:nth-child(2) ul { padding: 10px 0; }
.sitemap div:nth-child(2) ul li { width: 100%; }
}

/* footer */
.footer { width:100%; background:#2781C0; box-sizing:border-box; }
.footer_inner { display:flex; max-width:1280px; min-width:980px; margin:0 auto; }
.footer_inner div:nth-child(1) { flex:1; padding:40px; }
.footer_inner div:nth-child(2) { flex:3; padding:30px 40px 40px 40px; }
.footer_inner div p { color: #fff; }
.footer_inner div p br { display: none; }
.footer_inner div p.logo a img { width:100%; }
.footer_inner div p.add { font-size: 90%; }

.footer_link { text-align: center;}
.footer_link ul { }
.footer_link ul li { list-style: none; display: inline-block; padding-right: 25px; padding-left: 25px; border-right: 1px solid #fff; }
.footer_link ul li:last-child { border-right: none; }
.footer_link ul li a { text-decoration: none; color: #fff; font-weight: bold; }
.footer_link ul li a:hover { text-decoration: underline; }
	
.copyright { color:#fff; text-align:center; padding:15px; font-size:12px; }

.footer .bt_map { text-align:center; color:#2781C0; text-decoration:none; display:inline-block; border-radius:5px; background:#fff; border:1px solid #fff; font-weight: bold; padding: 0 15px; margin-top: 5px; }
.footer .bt_map:hover { background:#2781C0; color:#fff; border:1px solid #fff; }

@media (max-width:980px) {
}
@media (max-width:820px) {
.footer_inner { max-width:100%; min-width:100%; }
.footer_inner div:nth-child(1) { flex:1; padding:25px; }
.footer_inner div:nth-child(2) { flex:2; padding:25px; }
}
@media (max-width:600px) {
.footer_inner { display:block; padding: 25px; }
.footer_inner div:nth-child(1) { flex:none; padding:0; }
.footer_inner div:nth-child(2) { flex:none; padding:0; }
.footer_inner div p br { display: block; }
.footer_inner div p.logo a img { width:240px; }
.footer_inner div p.add { font-size: 80%; padding-top: 15px; }

.footer_link { text-align: left; padding: 15px;}
.footer_link ul li { padding-right: 10px; padding-left: 10px; margin: 5px 0; font-size: 70%; }
}

/* ページトップ */
div#pagetop { position:fixed; right:32px; width:64px; height:64px; border-radius:16px; background:rgba(0,0,0,0.6); z-index: 4; }
div#pagetop a { display:block; width:64x; height:64px; background:url(images/pagetop.png) center center no-repeat; background-size:64px; }
div#pagetop:hover { background:rgba(0,0,0,0.8); }
@media (max-width:820px) {
/* ページトップ */
div#pagetop { position:fixed; right:16px; width:44px; height:44px; border-radius:8px; background:rgba(0,0,0,0.6); }
div#pagetop a { display:block; width:44x; height:44px; background:url(images/pagetop.png) center center no-repeat; background-size:44px; }
div#pagetop:hover { background:rgba(0,0,0,0.8); }
}






/* top_main_wrap */
.top_main_wrap { display:block; position:absolute; z-index:1; width:100%; height:500px; }

.top_main_wrap .main_bg_top img { width:100%; height:60px; }
.top_main_wrap .main_bg_bottom { display:block; position:absolute; z-index:1; width:100%; bottom:0; }
.top_main_wrap .main_bg_bottom img { width:100%; height:60px; }

.top_main_inner { display:flex; max-width:1280px; min-width:980px; margin:0 auto; padding: 0 15px; }
.top_main_inner div { flex:1; display:block; }
.top_main_inner div.top_main_l { order: 2; }
.top_main_inner div.top_main_r { order: 1; }
	
.water_st_wrap { background:url("images/dam_bg.png"); background-size: 343px 432px; width: 343px; height: 432px; text-align: center; font-weight: bold; position: relative; z-index:2; margin: -50px 0 0 0; }
.water_st_wrap p:nth-child(1){ font-size: 32px; color:#2781C0; padding-top: 65px; text-shadow: 2px  2px 3px #fff, -2px  2px 3px #fff, 2px -2px 3px #fff, -2px -2px 3px #fff;}
.water_st_wrap p:nth-child(2){ font-size: 14px; }
.water_st_wrap p:nth-child(4){ font-size: 28px; }
.water_st_wrap p:nth-child(4) span { font-size: 16px; }
.water_st_wrap p:nth-child(5){ font-size: 22px; color:#2781C0; }
.water_st_wrap p:nth-child(6) .bt_blue { padding:15px 30px;}
.water_st_wrap div { display: flex; width: 232px; margin: 5px auto;  }
.water_st_wrap div div:nth-child(1) { width: 70px; margin-right: 10px; }
.water_st_wrap div div:nth-child(2) .water_storage { width:72px; height:100px; margin:0 auto; background:url("images/water_st_box_bg.png") bottom center no-repeat; overflow:hidden; }
.water_st_wrap div div:nth-child(3) { width: 70px; margin-left: 10px; }
.water_st_wrap div div:nth-child(4) { }

.contact_box_wrap { background:#2781C0; width:; float: right; font-weight: bold; text-align: center; margin-top: 50px; }
.contact_box_wrap p:nth-child(1){ font-size: 24px; color:#fff; padding: 90px 35px 15px 35px; background: url("images/icon_water_sp_w.png") top 25px center no-repeat; border-bottom: 1px solid #fff; line-height: 1.4em; }
.contact_box_wrap p:nth-child(2){ font-size: 15px; color:#fff; padding: 5px 10px 10px 10px; }
.contact_box_wrap p:nth-child(3){ font-size: 30px; color:#fff; padding: 0 35px 0 70px; background: url("images/icon_tel_w.png") left 35px center no-repeat; }
.contact_box_wrap p:nth-child(4){ font-size: 13px; color:#fff; }
.contact_box_wrap p:nth-child(5){ padding-bottom: 10px; }
.contact_box_wrap p:nth-child(6) .bt_white { padding: 15px;}
@media (max-width:980px) {
}
@media (max-width:820px) {
.top_main_inner { max-width:100%; min-width:100%; padding: 0 10px; }
.water_st_wrap { background-size: 320px 432px; width: 320px; height: 432px; }
}
@media (max-width:600px) {
.mb_375 { margin-bottom: 500px; }
.top_main_wrap { }
.contact_box_wrap { max-width: 90%; margin: 0 auto; }

.contact_box_wrap p:nth-child(1){ font-size: 22px; }
.contact_box_wrap p:nth-child(3){ font-size: 28px; }
.top_main_wrap .main_bg_top img { width:100%; height:30px; }
.top_main_wrap .main_bg_bottom img { width:100%; height:30px; }
.top_main_inner { display:block; max-width:100%; min-width:100%; padding: 0 15px; }
.water_st_wrap { margin: 150px auto 0 auto; background-size: 305px 420px; width: 305px; height: 420px; }
.contact_box_wrap { float: none; margin-top: 90px; }
}

	
	
.bt_white { text-align:center; color:#2781C0; text-decoration:none; padding:10px; display:inline-block; min-width:200px; margin:10px auto; border:1px solid #2781C0; border-radius:10px; background:#fff; }
.bt_white:hover { background:#2781C0; color:#fff; border:1px solid #fff; }

.bt_blue { text-align:center; color:#fff; text-decoration:none; padding:10px; display:inline-block; min-width:200px; margin:10px auto; border:1px solid #fff; background:#2781C0; border-radius:10px; }
.bt_blue:hover { background:#fff; color:#2781C0; border:1px solid #2781C0; }
	
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

@media (max-width:980px) {
}
@media (max-width:820px) {
.bt_white { padding:10px 25px; min-width:auto; }
.bt_blue { padding:10px 25px; min-width:auto; }
}
@media (max-width:600px) {
}




/* cont_menu_wrap */
	div.cont_menu_wrap { background: #E9F2F9; display: flex; margin: 15px; }
	div.cont_menu_wrap div:nth-child(1) { width: 25%; background: #2781C0; }
	div.cont_menu_wrap div:nth-child(1) p:nth-child(1) { font-weight: bold; color: #fff; font-size: 120%; text-align: center; background: url("images/icon_info_w.png") top center no-repeat; background-size: 60px; padding: 60px 0 0 0; margin: 25px 0 0 0; }
	div.cont_menu_wrap div:nth-child(1) p:nth-child(2) { font-weight: bold; text-align: center; padding: 0 0 0 0; margin: 0 0; }
	div.cont_menu_wrap div:nth-child(2) { width: 75%; padding: 25px; }
	
	div.cont_menu_wrap div:nth-child(2) ul { padding: 0; }
	div.cont_menu_wrap div:nth-child(2) ul li { list-style: none; width: 49%; display: inline-block; vertical-align: top; }
	div.cont_menu_wrap div:nth-child(2) ul li a { display: block; text-decoration: none; color: #000; padding: 5px 5px 5px 20px; background:url("images/icon_arrow_b.png") left top 5px no-repeat; background-size: 20px; }
	div.cont_menu_wrap div:nth-child(2) ul li a:hover { text-decoration: underline; }
@media (max-width:980px) {
}
@media (max-width:820px) {
}
@media (max-width:600px) {
	div.cont_menu_wrap { display: block; }
	div.cont_menu_wrap div:nth-child(1) { width: 100%; }
	div.cont_menu_wrap div:nth-child(2) { width: 100%; padding: 25px 10px; }
	
	div.cont_menu_wrap div:nth-child(2) ul li { width: 100%; }
	div.cont_menu_wrap div:nth-child(2) ul li a { font-size: 90%; }
}


/* cont_news_wrap */
div.cont_news_wrap { background: #E9F2F9; margin: 15px;}
	div.mt_cont_news { background: #2781C0; display: flex; font-weight: bold; padding: 0 10px; }
	div.mt_cont_news p:nth-child(1) { flex:1; color:#fff; font-size:120%; padding-top: 18px; }
	div.mt_cont_news p:nth-child(2) { flex:1; }
	div.mt_cont_news p:nth-child(2) a { /*font-size:18px;*/ display: inline-block; float: right; }
	ul.newarrival_list {}
	ul.newarrival_list li { list-style: none; }
	ul.newarrival_list li a { display: block; text-decoration: none; color: #000; padding: 25px 75px 25px 25px; border-bottom: 1px dashed #ccc; background: url("images/icon_arrow_b.png") right 25px center no-repeat; background-size: 30px; }
	ul.newarrival_list li a span.newsdate { display: inline-block; min-width: 190px; /*padding-right: 25px;*/ color: #2781C0; font-weight: bold; text-decoration: none; }
	ul.newarrival_list li a span.newstitle { display: inline-block; color: #000; text-decoration: none; }
	ul.newarrival_list li a:hover span.newsdate { text-decoration: none; }
	ul.newarrival_list li a:hover span.newstitle { text-decoration:underline; }
	
	div.newarrival_nodata p { padding: 25px; }
@media (max-width:980px) {
}
@media (max-width:820px) {
	div.mt_cont_news p:nth-child(1) { padding-top: 15px; }
	div.mt_cont_news p:nth-child(2) a.bt_white { padding: 5px;}
}
@media (max-width:600px) {
	ul.newarrival_list li a { padding: 15px 45px 15px 15px; font-size: 90%; background: url("images/icon_arrow_b.png") right 15px center no-repeat; background-size: 30px; }
	ul.newarrival_list li a span.newsdate { display: block; min-width: 100%; }
	ul.newarrival_list li a span.newstitle { display: block; }
}



/* パンくずリスト */
.bread_link { padding: 10px; font-size: 80%; }
@media (max-width:980px) {
}
@media (max-width:820px) {
}
@media (max-width:600px) {
}

/* サブページタイトル */
.sub_mt_wrap { background: #E9F2F9; }
.sub_mt_wrap h2 { text-align: center; padding: 25px; color: #2781C0; }
.sub_mt_wrap .main_bg_top img { width:100%; height:30px; }
.sub_mt_wrap .main_bg_bottom img { width:100%; height:30px; }
@media (max-width:980px) {
}
@media (max-width:820px) {
}
@media (max-width:600px) {
.sub_mt_wrap h2 { text-align: center; padding: 15px; }
.sub_mt_wrap .main_bg_top img { width:100%; height:10px; }
.sub_mt_wrap .main_bg_bottom img { width:100%; height:10px; }
}


/* 水に関連する施設 */
	div.waterline { display: flex; margin-top: 50px; }
	div.c_img { text-align: center; }
	div.c_img img { }
	div.waterline div:nth-child(1) { }
	div.waterline div:nth-child(2) { flex:1; padding: 0 25px; }
	div.waterline div p { padding: 5px; }

	.u_st_w { font-weight: bold; border-bottom: 1px solid #000; }
@media (max-width:600px) {
	div.waterline { display:block; margin-top:50px; }
	div.c_img img { width: 100%; }
	div.waterline div:nth-child(1) { width:100%; text-align:center; padding:10px 0 ; }
	div.waterline div:nth-child(2) { flex:none; width:100%; padding:0; }
	div.waterline div p { }
}
/* utility */
.u_d_f { display:flex; }
.u_pa_15 { padding:15px !important }
.u_t_a_c { text-align: center !important }
@media (max-width:600px) {
.u_d_f { display:block; }
.u_pa_15 { padding:10px 0 !important }
	table { font-size:90%; }
}







 .entry_title,
 .page_title {
	font-size: 130%;
	font-weight: bold;
	background:#f2f0d7;
	border: 1px solid #e0dec7;
	padding: 5px 5px 5px 15px;
	border-radius: 10px;
	/*font-size: 120%;
	font-weight: bold;
	background: linear-gradient(#FAFAF7,#CFD2BF);
	border-left: 5px solid #2781C0;
	padding: 5px 5px 5px 10px;*/
}
#contents ul li {
	list-style: none; 
}

#template-single p.entry-date { font-weight: bold; color:#2781C0; padding: 10px; text-align: right; }
#template-single div.entry-content { padding: 25px; }
@media (max-width:600px) {
#template-single div.entry-content { padding: 25px 10px; }
}

p { word-break: break-all; }

.search_wrap { }
.search_wrap article { padding: 25px; border-bottom: 1px dotted #000; }
.search_wrap article h2.article-title { font-size: 100%; }
.search_wrap article h2.article-title a { color:#2781C0; text-decoration: none; }
.search_wrap article h2.article-title a:hover { color:#2781C0; text-decoration: underline; }
.search_wrap article ul.meta li { list-style: none; }
.search_wrap article div.readmore { font-size: 90%; }
.search_wrap article div.text { margin:10px 0; font-size: 90%; }


/* フォーム */
span.red { background:red; color:#fff; font-size:60%; padding:0 3px; border-radius:3px; margin-left:5px; }

div.form_wrapper { width:640px; margin:0 auto; }
div.form_wrapper p { border-bottom: 1px solid #ccc; padding:0 0 10px 0; }
@media (max-width:980px) {
}
@media (max-width:820px) { div.form_wrapper { width:100%; } 
}
@media (max-width:600px) {
}

span.wpcf7-form-control-wrap input[type="text"],
span.wpcf7-form-control-wrap input[type="date"],
span.wpcf7-form-control-wrap input[type="tel"],
span.wpcf7-form-control-wrap input[type="email"],
span.wpcf7-form-control-wrap input[type="number"],
span.wpcf7-form-control-wrap input[type="url"],
span.wpcf7-form-control-wrap textarea,
span.wpcf7-form-control-wrap select { padding:5px; border-radius:3px; border:1px solid #aaa; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1) inset; box-sizing:border-box; }
@media (max-width:980px) {
}
@media (max-width:820px) {
span.wpcf7-form-control-wrap input[type="text"],
span.wpcf7-form-control-wrap input[type="date"],
span.wpcf7-form-control-wrap input[type="tel"],
span.wpcf7-form-control-wrap input[type="email"],
span.wpcf7-form-control-wrap input[type="number"],
span.wpcf7-form-control-wrap input[type="url"],
span.wpcf7-form-control-wrap textarea { width:100%; }

}
@media (max-width:600px) {
}

span.wpcf7-form-control-wrap input[type="text"]:focus,
span.wpcf7-form-control-wrap input[type="date"]:focus,
span.wpcf7-form-control-wrap input[type="tel"]:focus,
span.wpcf7-form-control-wrap input[type="email"]:focus,
span.wpcf7-form-control-wrap input[type="number"]:focus,
span.wpcf7-form-control-wrap input[type="url"]:focus,
span.wpcf7-form-control-wrap textarea:focus,
span.wpcf7-form-control-wrap select:focus { background:#ffffe2; }

span.wpcf7-form-control-wrap textarea { width:100%; max-width:640px; min-height:240px; }

.wpcf7-form-control[type="submit"]{ text-align:center; color:#fff; text-decoration:none; padding:10px; display:inline-block; min-width:200px; margin:10px auto; border:1px solid #fff; background:#2781C0; border-radius:10px; }
.wpcf7-form-control[type="submit"]:hover { background:#fff; color:#2781C0; border:1px solid #2781C0; }
@media (max-width:980px) {
}
@media (max-width:820px) {
}
@media (max-width:600px) {
}


/* sp_icon_navi */
.sp_icon_navi { display: none; }
@media (max-width:600px) {
.sp_icon_navi { display: block; }
.sp_icon_navi ul { width:100%; text-align:center; }
.sp_icon_navi ul li { list-style: none; width: 48%; display: inline-block; }
.sp_icon_navi ul li a { display: block; color: #2781C0; text-decoration: none; font-size: 15px; padding: 56px 0 5px 0; border: 1px solid #2781C0; margin: 5px; border-radius: 10px; font-weight: bold; box-shadow: 0 0 3px rgba(39,129,192,0.3); }
.sp_icon_navi ul li a.icon_top { background:url(images/icon_top.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_about { background:url(images/icon_about.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_facility { background:url(images/icon_facility.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_water { background:url(images/icon_water.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_info { background:url(images/icon_info.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_assembly { background:url(images/icon_assembly.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_download { background:url(images/icon_download.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_observation { background:url(images/icon_observation.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_user { background:url(images/icon_user.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_corp { background:url(images/icon_corp.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_firedepartment { background:url(images/icon_firedepartment.png) top 8px center no-repeat; background-size:48px; }
.sp_icon_navi ul li a.icon_medical { background:url(images/icon_medical.png) top 8px center no-repeat; background-size:48px; }
}

/* sub_menu_bt */
ul.sub_menu_bt { }
ul.sub_menu_bt li { width: 49%; display: inline-block; vertical-align: top; }
ul.sub_menu_bt li a { display: block; width: 100%; background: #E9F2F9; padding: 10px; margin: 5px 0; border-radius: 10px; text-decoration: none !important }
ul.sub_menu_bt li a span { border-left: 4px solid #2781C0; padding-left: 10px; display: inline-block; }
ul.sub_menu_bt li a:hover { background: #cedfed !important }
ul.sub_menu_bt li { padding: 0 !important }
ul.sub_menu_bt li { margin: 0 !important }
ul.sub_menu_bt li { background: none !important }
@media (max-width:600px) {
ul.sub_menu_bt li { width: 100%; display: block; }
}

/* sub_menu_link */
ul.sub_menu_link { }
ul.sub_menu_link li { display: block; border-bottom: 3px solid #ccc; }
ul.sub_menu_link li a { display: block; width: 100%; background:url("/wp/wp-content/uploads/2023/06/icon_arrow_list.png") left 4px top 14px no-repeat; background-size: 18px; padding: 10px 10px 10px 30px; margin:0; text-decoration: none !important }
ul.sub_menu_link li:hover { background: #f1f1f1 !important }
ul.sub_menu_link li { padding: 0 !important }
ul.sub_menu_link li { margin: 0 !important }
ul.sub_menu_link li { background: none !important }

/* contact_info */
div.contact_info { border: 3px solid #aaa; padding:10px; margin: 10px; }
div.contact_info p { padding: 10px; }
div.contact_info p.u_line { border-bottom: 1px solid #aaa; font-size: 90%; }