.article .nav{margin-left:0;}
.article .contents {margin:3px 0px 0px 0px;background:transparent;box-shadow:none;}
.article .contents .main_contents {width:509px;margin:0;float:left;}
.article .contents .nav{clear:none;margin-left:0;}
.article .contents .link_buttons ul li,
.article .after .aside ul li{float:left;}
.article .after .aside {position:relative;border:1px solid #E2DDCD;}
.article .nav .ad h2,
.article .after .aside h2{min-height:36px;margin:0px;border:none;background:url(../img/aside_heading_bg.png) no-repeat 15px top;text-indent:-100em;}
.article .after .aside ul{margin:0px 8px;padding:8px 0px;list-style:none;}
.article .after .aside ul li{width:20%;padding:8px 0px;text-align:center;}
.article .after .aside ul li:nth-child(5n+1){clear:both;}
.article .after .aside ul li a img {box-shadow:0px 0px 1px 1px rgba(0,0,0,0.6);}
.article .after .aside .page_link{position:absolute;top:2px;right:2px;}
.article .after .aside .page_link a{display:block;padding:0.2em 0.2em 0.2em 1.1em;color:#ffffff;background:#666666;text-decoration:none;}
.article .after .aside .page_link a:before{left:0.2em;top:0.4em;border:0.4em solid transparent;border-left:0.5em solid #FFCC00;}
.article .contents .link_buttons{margin-bottom:15px;}
.article .contents .link_buttons ul {margin:0px;padding:10px;background:url(../img/link_buttons_bg.png);background-color:#E8D4AD;}
.article .contents .link_buttons ul li{width:30%;padding:1%;margin-left:1.3%;background:#ffffff;box-shadow:0px 0px 2px 1px #E0BF89;}
.article .contents .link_buttons ul li:before{display:none;}
.article .contents .link_buttons ul li a{display:block;margin:3px;padding:3px;text-align:center;box-shadow:0px 0px 2px 1px #E0BF89;}

.article .contents .news{position:relative;margin-bottom:15px;border:6px solid #E6DCB7;background:#ffffff;}
.article .contents .news h2{min-height:30px;margin-bottom:35px;color:#ffffff;background:url(../img/news_heading_title.png) no-repeat 10px center #585856;border-top:3px solid #333333;text-indent:-100em;}
.article .contents .news h2:before{display:none;}
.article .contents .news .list_link {position:absolute;top:45px;right:5px;overflow:hidden;}
.article .contents .news .list_link a{display:block;width:35px;height:15px;margin-left:8px;text-indent:-100em;float:left;background:url(../img/list_icon.png) no-repeat center center;background-size:contain;}
.article .contents .news .list_link a.rss{background-image:url(../img/news_rss.png);}

.article .contents .life_menu h2{background:url(../img/life_menu_title.png) no-repeat 20px center;text-indent:-100em;border:none;}
.article .contents .life_menu h2:before{left:2px;top:0.4em;width:0.3em;height:0.3em;border:0.3em solid #D6A23C;background:transparent;border-radius:50%;}
.article .contents .life_menu ul {padding:10px 8px;border:1px solid #E2DDCD;background:#ffffff;}
.article .contents .life_menu ul li{width:25%;padding:0px;float:left;}
.article .nav .ad h2:before,
.article .nav .ad ul li a:before,
.article .contents .life_menu ul li:before{display:none;}
.article .contents .life_menu ul li a{display:block;min-height:80px;margin:8px;background:#F2F2F2 url(../img/life_menu_bg.png);text-indent:-100em;border-radius:6px;}
.article .contents .life_menu ul li a:before{top:15px;left:50%;margin-left:-20px;width:40px;height:40px;background:no-repeat center center;}
.article .contents .life_menu ul li a:hover{background:#DDDDDD;}
.article .contents .life_menu ul li.menu01 a:before{background-image:url(../img/life_ico01.png);}
.article .contents .life_menu ul li.menu02 a:before{background-image:url(../img/life_ico02.png);}
.article .contents .life_menu ul li.menu03 a:before{background-image:url(../img/life_ico03.png);}
.article .contents .life_menu ul li.menu04 a:before{background-image:url(../img/life_ico04.png);}
.article .contents .life_menu ul li.menu05 a:before{background-image:url(../img/life_ico05.png);}
.article .contents .life_menu ul li.menu06 a:before{background-image:url(../img/life_ico06.png);}
.article .contents .life_menu ul li.menu07 a:before{background-image:url(../img/life_ico07.png);}
.article .contents .life_menu ul li.menu08 a:before{background-image:url(../img/life_ico08.png);}
.article .contents .life_menu ul li a:after{left:0px;right:0px;bottom:5px;height:18px;background:no-repeat center center;}
.article .contents .life_menu ul li.menu01 a:after{background-image:url(../img/life_title01.png);}
.article .contents .life_menu ul li.menu02 a:after{background-image:url(../img/life_title02.png);}
.article .contents .life_menu ul li.menu03 a:after{background-image:url(../img/life_title03.png);}
.article .contents .life_menu ul li.menu04 a:after{background-image:url(../img/life_title04.png);}
.article .contents .life_menu ul li.menu05 a:after{background-image:url(../img/life_title05.png);}
.article .contents .life_menu ul li.menu06 a:after{background-image:url(../img/life_title06.png);}
.article .contents .life_menu ul li.menu07 a:after{background-image:url(../img/life_title07.png);}

/* 助成が完成したら戻す 150327
.article .contents .life_menu ul li.menu08 a:after{background-image:url(../img/life_title08.png);}
 */
/* 助成が完成したら消す 150327 */
.article .contents .life_menu ul li.menu08 a {display: none;}
.article .contents .life_menu ul li.menu08 { height: 80px; background:url(../img/life_ico08_blank.png) center center no-repeat;}

.article .bx-wrapper div{padding:0px;overflow:visible;}
.article .bx-wrapper {position:relative;width:100%;margin: 0 auto 30px;padding: 0;overflow:visible;}
.article .bx-wrapper .slide{position: relative;z-index:10;padding:0px;overflow:hidden;}
.article .bx-wrapper .slide img{display:block;position:relative;z-index:-10;width:100%;height:auto;}
/* margin:-6px;left:6px; */
.article .bx-wrapper .slide:before{top:0px;left:0px;z-index:10;width:100%;height:100%;box-shadow: inset 0px 0px 0px 6px #ffffff;}
.article .bx-has-controls-direction{position:static;width:100%;margin-top:10px;overflow:visible;}
.article .bx-wrapper .bx-pager,
.article .bx-wrapper .bx-controls-auto {width:100%;text-align:center;}
.article .bx-wrapper .bx-pager {position:absolute;bottom:-25px;}
.article .bx-wrapper .bx-pager .bx-pager-item,
.article .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;overflow:visible;}
.article .bx-wrapper .bx-pager.bx-default-pager a {display: block;background: #ffffff;text-indent:-100em;width:8px;height: 8px;margin: 0 5px;border:1px solid #B3AA8A;border-radius: 5px;}
.article .bx-wrapper .bx-pager.bx-default-pager a:hover,
.article .bx-wrapper .bx-pager.bx-default-pager a.active {box-shadow:inset 0px 0px 10px 8px #B3AA8A;}
.article .bx-controls-direction {position:absolute;top:50%;width:100%;height:0px;overflow:visible;}
.article .bx-controls-direction a{display:block;position:absolute;bottom:0px;width:40px;height:40px;margin-bottom:-20px;background:rgba(0,0,0,0.5) no-repeat center;text-indent:-100em;border-radius:100%;}
.article .bx-controls-direction a.bx-prev{left:5px;background-image:url(../img/bx-prev.png);}
.article .bx-controls-direction a.bx-next{right:5px;background-image:url(../img/bx-next.png);}
.article .bx-controls-direction a:hover{background-color:#333333;}

/**/
.bx-wrapper .bx-controls-auto-item { position: absolute; bottom: -25px;z-index:90;}
.bx-wrapper .bx-controls-auto-item:nth-of-type(1) { left: 30px;}
.bx-wrapper .bx-controls-auto-item:nth-of-type(2) { left: 0px;}
.bx-wrapper .bx-controls-auto-item a{display:block;width:22px;height:22px;background:no-repeat center center; text-indent:-1000em; background-color: rgba(0,0,0,0.3); border-radius: 50%; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.6) inset; transition-duration: 0.1s;}
.bx-wrapper .bx-controls-auto-item a:hover { background-color: rgba(45,118,133,0.8);}
.bx-wrapper .bx-controls-auto-item a.bx-stop{background-image:url(../img/stop_bt.png);}
.bx-wrapper .bx-controls-auto-item a.bx-start{background-image:url(../img/start_bt.png);}
.bx-wrapper .bx-controls-auto-item a.active{ background-color: rgba(0,0,0,0.8);}

.article .nav .ad{border-color:#CCCCCC;}
.article .nav .ad h2{width:43px;float:left;}
.article .nav .ad p{margin-top:15px;font-size:0.8em;}
.article .nav .ad ul{padding:0px;clear:both;}
.article .nav .ad ul li{margin:0px;border:none;text-align:center;}
.article .nav .ad ul li a{display:inline;padding:0px;}
.article .nav .section {border-top:2px solid #E4CC9D;}
.article .nav .section h2{margin:1px;border-top:1px solid #EFC9CA;background-color:#ffffff;background-image: -o-linear-gradient(top, transparent 0%, #f1e6ce 100%);background-image: -moz-linear-gradient(top center, transparent 0%, #f1e6ce 100%);background-image: linear-gradient(to bottom, transparent 0%, #f1e6ce 100%);text-indent:-100em;}

.article .nav .section h2:before{top:0px;left:0px;right:0px;bottom:0px;width:auto;height:auto;background:no-repeat center center;}
.article .nav .section.ranking h2:before{background-image:url(../img/nav_ranking_title.png);}
.article .nav .section.first h2:before{background-image:url(../img/nav_first_title.png);}

.article .nav .photo {background:url(../img/photo_bg.png);}
.article .nav .photo h2{border:none;background:transparent;}
.article .nav .photo h2:before{background-image:url(../img/nav_photo_title.png);}
.article .nav .photo .figure{margin:6px;border:none;background:#FCFCF5;}

.article .nav .emergency {border:1px solid #FDCCCA;}
.article .nav .emergency h2.title{overflow:hidden;padding:2px;background:url(../img/emergency_heading_bg.png);text-align:center;}
.article .nav .emergency h2.title:before{background-image:url(../img/emergency_heading_title.png);}
.article .nav .section.emergency ul a:before{background-image: url("../img/nav_list_mark3.png");}

.article .nav .section ul li{margin:0px;border:none;}
.article .nav .section ul li a{background:none;}
.article .nav .section ul a:before {background-image:url(../img/nav_list_mark2.png);}
.article .nav ul.sub_list {margin-bottom:15px;padding:4px 4px 2px;background:#A4A4C6;}
.article .nav ul.sub_list li{margin:0px 0px 2px;}
.article .nav ul.sub_list li a{padding:6px;background-image:none;}
.article .nav ul.sub_list li a:before{top:auto;left:auto;right:0px;bottom:0px;width:0px;height:0px;border:5px solid transparent;border-bottom-color:#CFCFE0;border-right-color:#CFCFE0;}
.article .nav ul.banner li img{width: 100%;height: auto;display: block;}
.article .contents .nav ul li:before{display:none;}

.article .after .aside .page_link a,
.article .contents .life_menu ul li a,
.article .nav .section h2{position:relative;}
.article .after .aside .page_link a:before,
.article .contents .life_menu ul li a:before,
.article .contents .life_menu ul li a:after,
.article .nav .section h2:before{display:block;content:" ";position:absolute;}

.article .photo .figure .clock_bg .time{position: absolute;right:10px;bottom:2px;}
#example img{width:auto;}
#example {position: relative;width:200px;height:132px;background-size: contain;background-repeat: no-repeat;background-position: center center;}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.header h1,.header .warp .title{width:208px;float:left;}
.header .page_control{width:400px;float:right;margin-right:10px;padding-bottom:0;}
#UD,
.header .page_control ul,
.header .page_control form.search{width:400px;float:right;}
.header .page_control ul li{float:right;padding:0;}
.header .page_control ul li a.announce,
.header .page_control ul li a.language{width:183px;}

.header .nav ul li.menu01{width:15.99%;}
.header .nav ul li.menu02{width:25.95%;}
.header .nav ul li.menu03{width:23.07%;}
.header .nav ul li.menu04{width:24.90%;}
.header .nav ul li.menu05{width:10.09%;}

.article .nav .emergency{display:table;margin:.5em auto;padding:0;width:95%;}
.article .nav .emergency h2.title{display:table-cell;width:25%;}
.article .nav .emergency.txtbox{display:table-cell;width:75%;}

.article .nav .section.first{float:left;width:30%;margin:.5em 0 1em 2.5%;padding:0;}
.article .nav ul.left_sub_list{float:right;width:30%;margin:.5em 2.5% 1em 0;padding:0;}
.article .nav ul.banner{margin:1em auto;padding:0;}
.article .nav ul.banner li{background:none;}

.article .nav .section.ranking,
.article .nav ul.list{width:95%;margin:1em auto 0;}


.article .nav ul.list li{display:inline-block;width:auto;min-width:32%;min-width:-webkit-calc(100% / 3 - 8px);min-width:calc(100% / 3 - 8px);}

.footer dl{padding-left:70px;background-position:10px 0;}
.footer dl dd.link a.bt_access{display:inline-block;width:122px;}
.footer dl dd.link a.bt_div{display:inline-block;width:86px;}
.footer dl dd.link a.bt_mail{display:inline-block;width:161px;}
.footer div.link a {display:inline-block;}

.article .contents .main_contents{width:67.5%;margin-left:2.5%;}
.article .contents .nav {width:30%;max-width:230px;margin:0 auto;}
}

@media screen and (min-width: 0px) and (max-width:865px) {
.article .after .aside ul li{width:23%;margin:0 1%;}
.article .after .aside ul li:nth-child(2n+1),
.article .after .aside ul li:nth-child(5n+1) {clear:none;}
.article .after .aside ul li:nth-child(4n+1){clear:both;}
}

@media screen and (min-width: 0px) and (max-width:770px) {
.header h1,.header .wrap .title{height:90px;margin:0 0 0 2.5%;background-size:150px;width:150px;float:left;}
.header .page_control{height:90px;margin-right:90px;}
.header .page_control,
#UD,
.header .page_control ul,
.header .page_control form.search{width:auto;}

#UD{margin-right:4px;}

.header .page_control form.search{margin:0;}
.header .page_control form.search div{float:right;}

.header .page_control form.search label.search_txt{width:100px;}
.header .page_control form.search input#search_txt{width:135px;width:-webkit-calc(185px - 3em);width:calc(185px - 3em);}
.header .page_control form.search input.search_bt{width:3em;}
.header .nav{overflow:visible;}
#menuopen{position: absolute;display: block;width:60px;height:64px;top:-87px;right:15px;background:url("../img/nav_bg.png") repeat left top;border: 1px solid #DFC592;text-align:center;}
#menuopen:after{content:"MENU";}

.header .nav ul li.menu01,
.header .nav ul li.menu02,
.header .nav ul li.menu03,
.header .nav ul li.menu04,
.header .nav ul li.menu05{width:50%;float:left;}
.header .nav ul li a{border:none;}
.header .nav ul li:nth-child(2n+1) a{border-right: 1px dotted #997531;}

.article .nav .section.first,
.article .nav ul.left_sub_list{width:46.5%;}
.article .nav ul.banner{clear:both;margin: 0 auto;width:476px}
.article .nav ul.banner li{float:left;width:220px;margin:auto 9px 10px;}

.article .nav ul.list li {min-width:48%;min-width:-webkit-calc(100% / 2 - 8px);min-width:calc(100% / 2 - 8px);}
.article .contents .main_contents,
.article .contents .nav {width:95%;min-width:95%;margin:0 2.5%;float:none;}
.article .contents .news dl dt {padding-left:5.4em;}
.article .contents .news dl dt span{width:4.8em;}
.article .contents .news .list_link a {width:67.5px;height:27px;}
.article .contents .nav .banner{width:46.5%;min-width:230px;min-width:-webkit-calc(220px + 2.5%);min-width:calc(220px + 2.5%);float:left;}
.article .contents .nav .banner li{margin-left:0;}
.article .nav ul.sub_list.{margin-right:2.5%;float:right;}

.article .nav .ad{display:none;}

.article .bx-controls-direction a{width:28px;height:28px;}
.article .bx-controls-direction a.bx-next,
.article .bx-controls-direction a.bx-prev{background-size:8.4px 13.3px;}
}

@media screen and (min-width: 0px) and (max-width:540px) {
.header .page_control{height:auto;float:none;}

.header .page_control form.search{float:none;}
.header .page_control form.search div{float:none;height:54px;width:100%;padding:0;margin-top:5px;}
.header .page_control form.search label.search_txt {float:none;height:12px;background-image:url(../img/sp_control_search_title.png);background-position:center left;}
.header .page_control form.search input#search_txt {width:96%;width:-webkit-calc(100% - 3em);width:calc(100% - 3em);}
.header .page_control form.search input.search_bt{width:3em;}

.article .nav {margin-bottom:0;}
.article .contents .main_contents{margin-top:0;}
.header h1,.header .wrap .title{height:54px;margin:0 20px 0 1.5%;background-size:90px;width:90px;float:left;}
#menuopen{height:auto;top:-64px;background:none;border:none;}

.article .nav .emergency,
.article .nav .section.first,
.article .nav ul.left_sub_list,
.article .nav ul.banner,
.article .nav .section.ranking,
.article .nav ul.list,
.article .contents .main_contents,
.article .contents .nav{float:none;clear:both;width:96.5%;min-width:96.5%;margin:10px 1.75%;}

.article .nav ul.sub_list li{width:48%;width:-webkit-calc(50% - 8px);width:calc(50% - 8px);float:left;}

.article .nav ul.banner li{margin:0 auto 10px;}
.article .nav ul.banner li:nth-child(2n){float:right;}

.article .contents .link_buttons ul li{width:32%;padding:0;}
.article .contents .link_buttons ul li img{width:100%;height:auto;}

.article .contents .nav .banner{margin-top:0;}
.article .contents .nav .banner li:nth-child(2n){float:left;}

.article .after .aside ul li{width:31.333333333%;}
.article .after .aside ul li:nth-child(4n+1){clear:none;}
.article .after .aside ul li:nth-child(3n+1){clear:both;}

.article .contents .news dl dt{float:none;padding-left:5em;}
.article .contents .news dl dt span{margin:0;width:5em;}

.article .contents .life_menu ul li.menu05 a:after,
.article .contents .life_menu ul li.menu06 a:after{background-size:contain;}

.article .contents .nav .banner{width:100%;margin:0 auto;float:none;}
.article .contents .nav ul.banner li{width:220px;margin:0 auto 10px;float:left;}
.article .contents .nav .banner li:nth-child(2n){float:right;}
.article .contents .nav .banner li:nth-child(2n+1){clear:both;}

.footer .wrap{position:relative;padding-top:50px;}
.footer div.link{position:absolute;top:0;width:100%;}
.footer ul{width:100%;margin:.5em 0 0;padding:0;}
.footer ul li{width:auto;display:block;text-align:left;padding:3px;border-top:1px solid #ccc;background:#fff;}
.footer ul li a{border:none;margin:0 0 0 1.5%;padding:.5em 20px;display:block;background:url("../img/nav_list_mark.gif") no-repeat center left;}

.footer dl{margin-top:1em;background-size:36px 37.5px;padding:0 1.5%;overflow:hidden;}
.footer dl dt{float:none;height:40px;line-height:40px;padding-left:47px;}
.footer dl dd{padding-right:72px;}
.footer dl dd.link{margin-bottom:20px;padding-right:0;}
.footer dl dd.link a{margin-left:0;}
}

@media screen and (min-width: 0px) and (max-width:460px) {
body{font-size:.95em;}
.header .nav ul li.menu01,
.header .nav ul li.menu02,
.header .nav ul li.menu03,
.header .nav ul li.menu04,
.header .nav ul li.menu05{width:100%;float:none;}
.header .page_control{margin-right:60px;}
#menuopen{right:0;}
#UD{position:static;}
.article .nav .emergency,
.article .nav .section.first,
.article .nav ul.left_sub_list,
.article .nav ul.banner,
.article .nav .section.ranking,
.article .nav ul.list,
.article .contents .main_contents,
.article .contents .nav{width:98%;margin:10px 1%;}

.article .nav .emergency h2.title{display:block;width:auto;}

.article .nav ul.list li{margin-bottom:0;border-bottom:none;}
.article .nav ul.list li:last-child{border-bottom:1px solid #E2DDCD;}

.article .nav ul.list li,
.article .nav ul.sub_list li{width:98%;width:-webkit-calc(100% - 8px);width:calc(100% - 8px);}

.article .nav ul.banner li,
.article .contents .nav ul.banner li{width:48%;}
.article .nav .banner img{width:100%;}

.article .contents .life_menu ul li{width:33.3333333%;}

.article .after .aside ul li{width:48%;}
.article .after .aside ul li:nth-child(3n+1){clear:none;}
.article .after .aside ul li:nth-child(2n+1){clear:both;}

.footer .wrap{position:relative;padding-top:0;}
.footer dl dd{padding-right:1%;}
.footer div.link{position:static;}
.footer div.link a {display:block;float:none;}
}

@media screen and (min-width: 0px) and (max-width:370px) {
.article .contents .life_menu ul li{width:50%;}
}
@media screen and (max-width: 770px) and (min-width: 0px) {
  #menuopen { top: 10px;}

  .header .page_control { height: auto; width: 95%; margin: 0px 2.5% 5px;}
  .header .page_control > #UD { float: right; margin-right: 0px;}
  .header .page_control > #UD + ul { float: left;}
  .header .page_control > #UD + ul li { margin-left: 0px;}
  .header .page_control > #UD + ul li:nth-child(1) { display: none;} 
  .header .page_control > #UD.fixed {padding-right: 5px;}
  
  .header .page_control form.search,
  .header .page_control form.search div { width: 100%;}
  .header .page_control form.search label.search_txt { width: 110px; margin: 3px 0px;}
  .header .page_control form.search input#search_txt { width: calc( 100% - 3em - 110px);}

}

@media screen and (max-width: 540px) and (min-width: 0px) {
  .header h1,
  .header .wrap .title { width: 130px; margin-bottom: 5px; background-size: 130px;}
  
  .header .page_control > #UD + ul { float: none; width: 100%; margin: 0px 0px 10px;}
  .header .page_control > #UD + ul li { text-align: center; float: none;}
  .header .page_control form.search label.search_txt { height: 28px; float: left; background-image: url(http://www.city.munakata.lg.jp/core/img/control_search_title.png);}
  .header .page_control ul li a.announce,
  .header .page_control ul li a.language { margin: 0px auto;}
}
@media screen and (min-width:770px) {.header .nav ul{display:block !important;}}