/**************************************
 大川市 公式トップページ CSS
 /core/css/top.css
**************************************/
.article .bxslider {max-height:230px;margin:0px auto 5px;overflow:hidden;}
.article .bxslider .slide{text-align:center;}
.article .bx-wrapper div{padding:0px;overflow:visible;}
.article .bx-wrapper {position:relative;width:100%;margin: 20px auto 40px;padding: 0;overflow:visible;}
.article .bx-wrapper .bxslider{max-width:920px;height:230px;}
.article .bx-wrapper .slide{position: relative;z-index:10;padding:0px;height:auto;z-index:90;}
.article .bx-wrapper .slide img{position:relative;display: block;width:auto;max-width:98%;padding:1%;height:auto;border:1px solid #E0DDC5;background:#ffffff;z-index:100;}
.article .bx-wrapper .slide:before,
.article .bx-wrapper .slide:after {display:block;position:absolute;bottom:3px;content:" ";width:49%;height:30px;background:rgba(137,109,24,0.3);box-shadow: 0px 6px 10px 0px rgba(137,109,24,0.3);z-index:10;transform: rotate(-1deg);}
.article .bx-wrapper .slide:before{left:9px;}
.article .bx-wrapper .slide:after{right:9px;transform: rotate(1deg);}
.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: #C3BA81;text-indent:-100em;width:8px;height: 8px;margin: 0 5px;border:1px solid #B3AA8A;overflow:hidden;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 #76613A;}
.article .bx-controls-direction {position:absolute;top:50%;left:-6%;width:112%;height:0px;overflow:visible;}
.article .bx-controls-direction a{display:block;position:absolute;bottom:0px;width:35px;height:35px;margin-bottom:-20px;background:#76613A no-repeat center;text-indent:-100em;z-index:100;overflow:hidden;border-radius:100%;opacity:0.8;}
.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{opacity:1;}
.article .bx-wrapper .bx-viewport{width:auto;overflow:visible !important;}
.article .contents {padding:0px;}
.article .top_content {padding:20px 0px;background:#ffffff;}
.article .wrap {width:1000px;margin:0px auto;padding:0px;overflow:hidden;}
.article .list_link {position:absolute;top:8px;right:8px;}
.article .contents .list_link a{display:block;width:35px;height:16px;margin:4px;float:left;background:no-repeat center center;background-size:contain;text-indent:-100em; overflow: hidden;}
.article .contents .list_link .list{background-image:url(../img/news_list.png);background-color:#76613A;}
.article .contents .list_link .rss {background-image:url(../img/news_rss.png);background-color:#F76900;}
.article .contents .main_contents {width:502px;margin:0;float:left;}
.article .contents .nav{width:220px;clear:none;margin-left:0;float:right;}
.article .contents .section{position:relative;margin-bottom:15px;border:1px solid #C3B980;border-radius:5px;}
.article .contents .section h2{color:#000000;text-align:center;background-color:#ffffff;border:none;background-image: -o-linear-gradient(top, transparent 0%, #e5e2ca 100%);background-image: -moz-linear-gradient(top center, transparent 0%, #e5e2ca 100%);background-image: linear-gradient(to bottom, transparent 0%, #e5e2ca 100%);}
.article .contents .section h2 span{display:block;background:no-repeat center center;text-indent:-100em;}
.article .contents .section h2:before,
.article .contents .section h2:after{top:10px;left:10px;width:20px;height:20px;background:url(../img/top_section_title_mark.png);}
.article .contents .section h2:after{left:auto;right:10px;}
.article .contents .section ul,
.article .contents .section dl{margin:5px 8px;padding:5px;}
.article .contents .section dt{width:5em;float:left;line-height:1.8;}
.article .contents .section dd{margin:0px;padding-left:5em;line-height:1.8;vertical-align:middle;}
.article .contents .important h2{margin:0px 8px;border-bottom:1px dotted #333333;background:url(../img/important_title.png) no-repeat 35px center transparent;text-indent:-100em; overflow: hidden;}
.article .contents .important h2:before{background-image:url(../img/nav_list_mark.png);}
.article .contents .tabmenu {margin-bottom:15px;}
.article .contents .tabmenu div{margin:0px;padding:0px;}
.article .contents .tabmenu .section{border:none;border-radius:0px;}
.article .contents .tabmenu ul.menu{margin:0px;padding:5px 0px 0px;box-shadow: inset 0px -1px 0px 0px #C3B980;}
.article .contents .tabmenu ul.menu li,
.article .contents .tabmenu h2{width:160px;margin:0px 10px 0px 0px;padding:0px;float:left;background:#76613A;border:1px solid #76613A;border-radius:5px 5px 0px 0px;}
.article .contents .tabmenu ul.menu li{border-bottom:none;}
.article .contents .tabmenu ul.menu li a,
.article .contents .tabmenu h2 a{color:#ffffff;text-decoration:none;}
.article .contents .tabmenu ul.menu li.active,
.article .contents .tabmenu h2.active{border:1px solid #C3B980;border-bottom-color:#ffffff;background-color:#e9e7d3;background-image: -o-linear-gradient(top, transparent 0%, #ffffff 83%);background-image: -moz-linear-gradient(top center, transparent 0%, #ffffff 83%);background-image: linear-gradient(to bottom, transparent 0%, #ffffff 83%);}
.article .contents .tabmenu ul.menu li.active a,
.article .contents .tabmenu h2.active a{color:#333333;}
.article .contents .tabmenu ul.menu li:before,
.article .contents .tabmenu ul.menu li:after{border:none;left:auto;background:transparent;}
.article .contents .tabmenu ul.menu li.active:before{top:9px;left:8px;width:20px;height:20px;background-image:url(../img/nav_list_mark.png);}
.article .contents .tabmenu ul.menu li.active:after{top:9px;right:8px;width:20px;height:20px;background-image:url(../img/nav_list_mark.png);}
.article .contents .tabmenu ul.menu li a{display:block;height:37px;background:no-repeat center center;text-indent:-100em;}
.article .contents .tabmenu ul.menu li.tab1 a{background-image:url(../img/nav_list_title01_s2.png);}
.article .contents .tabmenu ul.menu li.tab1.active a{background-image:url(../img/nav_list_title01.png);}
.article .contents .tabmenu ul.menu li.tab2 a{background-image:url(../img/nav_list_title02_s2.png);}
.article .contents .tabmenu ul.menu li.tab2.active a{background-image:url(../img/nav_list_title02.png);}
.article .contents .tabmenu .division {padding-top:30px;border:1px solid #C3B980;border-top:none;background-image: -o-linear-gradient(top,#ffffff  0%, transparent 20%);background-image: -moz-linear-gradient(top center, #ffffff 0%, transparent 20%);background-image: linear-gradient(to bottom, #ffffff 0%, transparent 20%);}
.article .contents .tabmenu .division dt{position:relative;padding-left:4.5em;}
.article .contents .tabmenu .division dd{padding-left:10em;}
.article .contents .tabmenu .division dl dt span{position:absolute;top:1px;left:0px;display:block;width:4.5em;padding:0.1em 0.5em;color:#ffffff;text-align:center;font-size:0.7em;}
.article .contents .tabmenu .division dl dt .icon1{background:#2A140E;}
.article .contents .tabmenu .division dl dt .icon2{background:#A72B14;}
.article .contents .tabmenu .division dl dt .icon3{background:#7F4121;}

#tab2 dt{padding-left:0;}
#tab2 dd{padding-left:5em;}
.article .contents .section dd.nodata,
#tab2 dd.nodata{padding-left:.5em;}
.article .contents .life_menu h2 span{background-image:url(../img/life_menu_title.png);}
.article .contents .life_menu ul li{width:21%;margin:0px 2% 13px;padding:0px;float:left;border-radius:10px;box-shadow:inset 0px 0px 0px 1px #B1977A;background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(255,255,255) 63%,rgb(241,239,228) 90%,rgb(241,239,228) 100%);background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.63, rgb(255,255,255)),color-stop(0.9, rgb(241,239,228)),color-stop(1, rgb(241,239,228)));background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 63%,rgb(241,239,228) 90%,rgb(241,239,228) 100%);}
.article .contents .life_menu ul li a{display:block;margin:2px;border:1px solid #EEEEDF;min-height:96px;background:no-repeat center center;border-radius:9px;text-indent:-100em;}
.article .contents .life_menu ul li a:before{top:16%;left:26%;right:26%;width:48%;height:48%;background:no-repeat center center;background-size:contain;transition-duration:0.3s;}
.article .contents .life_menu ul li a:after{bottom:0%;left:0%;right:0%;width:100%;height:48%;background:no-repeat center center;}
.article .contents .life_menu ul li.menu01 a:before{background-image:url(../img/life_icon01.png);}
.article .contents .life_menu ul li.menu02 a:before{background-image:url(../img/life_icon02.png);}
.article .contents .life_menu ul li.menu03 a:before{background-image:url(../img/life_icon03.png);}
.article .contents .life_menu ul li.menu04 a:before{background-image:url(../img/life_icon04.png);}
.article .contents .life_menu ul li.menu05 a:before{background-image:url(../img/life_icon05.png);}
.article .contents .life_menu ul li.menu06 a:before{background-image:url(../img/life_icon06.png);}
.article .contents .life_menu ul li.menu07 a:before{background-image:url(../img/life_icon07.png);}
.article .contents .life_menu ul li.menu08 a:before{background-image:url(../img/life_icon08.png);}
.article .contents .life_menu ul li a:hover:before{top:12%;left:22%;right:22%;width:56%;height:56%;}
.article .contents .life_menu ul li.menu01 a:after{background-image:url(../img/life_menu_title01.png);}
.article .contents .life_menu ul li.menu02 a:after{background-image:url(../img/life_menu_title02.png);}
.article .contents .life_menu ul li.menu03 a:after{background-image:url(../img/life_menu_title03.png);}
.article .contents .life_menu ul li.menu04 a:after{background-image:url(../img/life_menu_title04.png);}
.article .contents .life_menu ul li.menu05 a:after{background-image:url(../img/life_menu_title05.png);}
.article .contents .life_menu ul li.menu06 a:after{background-image:url(../img/life_menu_title06.png);}
.article .contents .life_menu ul li.menu07 a:after{background-image:url(../img/life_menu_title07.png);}
.article .contents .life_menu ul li.menu08 a:after{background-image:url(../img/life_menu_title08.png);}
.article .contents .link_menu h2 span{background-image:url(../img/link_menu_title.png);}
.article .contents .link_menu ul{margin:10px 8px 0px;}
.article .contents .link_menu ul li:before{top:0px;left:0.5em;width:16px;height:16px;border:none;background:url(../img/link_list_mark.png);}
.article .nav .section,.article .nav ul li {margin-bottom:15px;padding:0px;border:1px solid #B7AB68;background-color:#ffffff;border-radius:6px;box-shadow:0px 2px 1px 0px #E4E2CB;}
.article .nav .section {padding:8px;}
.article .nav ul li{background-image: -o-linear-gradient(top, transparent 72%, #f3f1e6 100%);background-image: -moz-linear-gradient(top center, transparent 72%, #f3f1e6 100%);background-image: linear-gradient(to bottom, transparent 72%, #f3f1e6 100%);}
.article .nav ul li a{margin:0px;padding:1.1em 14px 0.9em 36px;}
.article .nav ul li:before{top:1em;left: 0.8em;border:none;width:18px;height:18px;background:url(../img/nav_list_mark.png) no-repeat center center;}
.article .nav ul.banner li{padding:0px;}
.article .nav ul.banner li a{border:none;text-align:center;overflow:hidden;border-radius:7px;}
.article .nav ul.banner li:before,
.article .nav .section.info ul li:before,
.article .contents .nav .section h2:before,
.article .contents .nav .section h2:after{display:none;}
.article .nav .emergency ul li,
.article .nav .rescue ul li{background:transparent;border:none;border-radius:0px;box-shadow:none;}
.article .nav .section h2{min-height:30px;padding:0px;background:no-repeat 12px 2px;text-indent:-100em; overflow: hidden;}
.article .nav .section table{margin:8px auto;}
.article .nav .section table th,
.article .nav .section table td{padding:8px;}
.article .nav .section table th{background:#EAE8D7;}
.article .nav .emergency h2{border-bottom:1px dotted #775D41;background-image:url(../img/emergency_title.png);}
.article .nav .emergency h2:before,
.article .nav .rescue h2:before{top:0px;left:0px;width:5px;height:25px;background-color:#a80000;background-image: -webkit-linear-gradient(-45deg,#c24c4c 25%, transparent 26%, transparent 50%, #c24c4c 51%, #c24c4c 75%, transparent 76%, transparent);background-image: linear-gradient(-45deg,#c24c4c 25%, transparent 26%, transparent 50%, #c24c4c 51%, #c24c4c 75%, transparent 76%, transparent);background-size: 4px 4px;}
.article .nav .rescue h2{border-bottom:1px dotted #775D41;background-image:url(../img/rescue_title.png);}
.article .nav .rescue h2:before{background-color:#A79575;background-image: -webkit-linear-gradient(-45deg,#81683A 25%, transparent 26%, transparent 50%, #81683A 51%, #81683A 75%, transparent 76%, transparent);background-image: linear-gradient(-45deg,#81683A 25%, transparent 26%, transparent 50%, #81683A 51%, #81683A 75%, transparent 76%, transparent);}
.article .nav .emergency ul li,
.article .nav .rescue ul li{padding:0px 0px 0px 25px;}
.article .nav .emergency ul li a,
.article .nav .rescue ul li a{padding:0px;text-decoration:underline;}
.article .nav .emergency ul li:before{top:0px;left:0px;background-image:url(../img/nav_emergency_list_mark.png);}
.article .nav .rescue ul li:before{top:0px;left:0px;background-image:url(../img/nav_section_list_mark.png);}
.article .nav .menu ul li,
.article .nav .info ul li{border-radius:0px;box-shadow:none;}
.article .nav .menu h2 ,
.article .nav .population h2{min-height:38px;margin:-7px -7px 8px;background:url(../img/nav_title_mark.png) no-repeat left center #F1D88B;border-radius:4px 4px 0px 0px;}
.article .nav .menu h2:before,
.article .nav .population h2:before{top:8px;left:10%;width:90%;height:20px;background:no-repeat;}
.article .nav .menu h2:before {background-image:url(../img/menu_title.png);}
.article .nav .population h2:before {background-image:url(../img/population_title.png);}
.article .nav .menu ul li:before{top:8px;}
.article .nav .menu ul li a{padding:8px 14px 8px 36px;}
.article .nav .menu ul li.menu01 a,.article .nav .menu ul li.menu02 a,.article .nav .menu ul li.menu03 a,.article .nav .menu ul li.menu04 a{background: no-repeat 30px center;text-indent:-100em;}
.article .nav .menu ul li.menu01 a{background-image:url(../img/nav_menu01.png);}
.article .nav .menu ul li.menu02 a{background-image:url(../img/nav_menu02.png);}
.article .nav .menu ul li.menu03 a{background-image:url(../img/nav_menu03.png);}
.article .nav .menu ul li.menu04 a{background-image:url(../img/nav_menu04.png);}
.article .nav .info {background-color:#ffffff;background-image:-moz-linear-gradient(50% 0% -90deg,rgb(244,242,232) 0%,transparent 17%,transparent 84%,rgb(244,242,232) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(244,242,232)),color-stop(0.17, transparent),color-stop(0.84, transparent),color-stop(1, rgb(244,242,232)));background-image:-webkit-linear-gradient(-90deg,rgb(244,242,232) 0%,transparent 17%,transparent 84%,rgb(244,242,232) 100%);background-image:linear-gradient(180deg,rgb(244,242,232) 0%,transparent 17%,transparent 84%,rgb(244,242,232) 100%);}
.article .nav .info h2{width:56px;height:111px;margin:10px 8px 8px 2px;background:url(../img/info_title.png) no-repeat center center;background-color:transparent;float:right;}
.article .nav .info img{margin:10px 8px;}
.article .nav .info ul{margin:10px 15% 0px;clear:both;}
.article .nav .info ul li{border:none;margin-bottom:10px;}
.article .nav .info ul li a{padding:0.6em 6px 0.6em 2.5em;background:#E1DEC4;font-size:0.8em;}
.article .nav .info ul li a:before{top:0.8em;left:1em;width:0px;height:0px;border:0.4em solid transparent;border-left:0.6em solid #664C00;background:transparent;}
.article .nav .info ul li:first-child a{color:#FFFFFF;background:#76613A;}
.article .nav .info ul li:first-child a:before{border-left-color:#ffffff;}
.article .after{background:#ECEADB;border-top:3px double #ffffff;border-bottom:3px double #ffffff;}
.article .after .section{position:relative;max-width:1000px;margin:0px auto;}
.article .after .section h2{height:40px;background:url(../img/banner_title.png) no-repeat left center;text-indent:-100em; overflow: hidden;}
.article .after .section ul.banner {margin:10px;padding:0px;list-style:none;}
.article .after .section ul.banner li {width:20%;margin-bottom:15px;float:left;text-align:center;}
.article .after .section ul.banner li img{max-width:100%;height:auto;}
.article .after .list_link a{display:block;padding:6px 8px;color:#000000;border:1px solid #FCFBF8;background:#ffffff;text-decoration:none;font-size:0.8em;}
.article .contents .life_menu ul li:before,
.article .contents .important h2:after{display:none !important;}
.article .contents .tabmenu .section h2,
.article .contents .tabmenu #tab2{display:none;}

.article .contents .section h2,
.article .contents .life_menu ul li a,
.article .nav ul li,
.article .nav .section h2,
.article .nav .emergency ul li,
.article .nav .rescue ul li,
.article .nav .info ul li a{position:relative;}
.article .contents .section h2:before,
.article .contents .section h2:after,
.article .contents .life_menu ul li a:before,
.article .contents .life_menu ul li a:after,
.article .nav ul li:before,
.article .nav .section h2:before,
.article .nav .emergency ul li:before,
.article .nav .rescue ul li:before,
.article .nav .emergency ul li:after,
.article .nav .rescue ul li:after,
.article .nav .info ul li a:before{display:block;content:" ";position:absolute;}
.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#ff0000;}
@media screen and (min-width: 0px) and (max-width: 1000px) {
.article .bx-wrapper .bxslider,
.article .wrap ,
.article .contents .main_contents ,
.article .contents .nav{position:static;width:auto;min-width:0px;max-width:100%;float:none;}

.header .nav {width:80%;}
.header .nav .menu_button{display:none;}
.header .nav ul{display:block;}
.header,
.article .locus{position:relative;}
.header .title ,.header h1 {margin-bottom:10px;}
.header .page_control {margin-top:5px;}
.article .contents textarea{width:96%;}
.article .bx-controls-direction {left:0%;width:100%;}
.article .contents .list_link a{width:53px;height:40px}
.article .nav .info {text-align:center;}
.article .nav .info ul li{width:50%;float:left;}
.article .nav .info ul li a{margin:0px 8px;text-align:left;font-size:1.2em;}
}
@media screen and (min-width: 0px) and (max-width:770px) {
.article .contents .list_link a,
.article .contents .section dt,
.article .contents .tabmenu ul.menu li,
.article .contents .tabmenu h2,
.article .contents .tabmenu .division dl dt span,
.article .after .section,
.article .after .section ul.banner li {position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.header .title a,.header h1{background-position:center center;}
.header h1{position:relative;margin-top:44px;}
.header .title{margin-top:44px;}
.header .page_control #UD{float:none;margin:2px auto;}
.article .bx-wrapper {position:relative;width:98%;margin: 20px auto 40px;padding: 0;overflow:visible;}
.header .nav .menu_button,
.article .contents .tabmenu .section h2{display:block;}
.header .page_control dl.color_change,
.article .contents .tabmenu ul.menu,
.article .contents .tabmenu .section h2:before,
.article .contents .tabmenu .section h2:after{display:none;}
.header{background:transparent;}
.header .page_control #UD{position:fixed;top:0px;right:0px;z-index:600;}
.header .page_control dl.textsize_change{width:200px;}
.header .page_control dl.textsize_change dt{height:44px;background-position:center;}
.header .page_control dl dd a{width:44px;height:44px;}
.article .contents .tabmenu .division dl dt span{display:inline;margin-left:1em;font-size:.88em;}
.header .nav{width:100%;border:3px double #EDEBDC;}
.header .nav ul{display:none;padding:2px;}
.header .nav ul li{position:relative;border-bottom:1px solid #EAE8D7;}
.header .nav ul li a{min-height:45px;}
.header .nav ul li:before{top:-5px;left:5px;margin:0px;}
.header .nav ul li:nth-child(odd):before{left:auto;right:5px;}
.header .nav ul li:hover:before{top:-5px;}
.article .contents dl.news dd{padding:0px;}
.article .contents .main_contents div.news .news_link{position:static;}
.article .contents .main_contents div.news .news_link a{padding:10px 0px 6px;min-height:24px;text-align:center;text-indent:0px;background-image:none;border-radius:8px;}
.footer .reread_link a{height:45px;background-image:url(../img/reread_link_mobile.png);}
.article .list_link{position:static;padding:8px;}
.article .contents .list_link a{display:block;width:38%;height:36px;margin:0 6% 10px;padding:0;float:left;}
.article .contents .life_menu ul li{width:46%;}
.article .contents .tabmenu {border:1px solid #C3B980;background:#e9e7d3;border-radius:5px;}
.article .contents .tabmenu .section{margin:5px;margin-bottom:8px;background:#ffffff;border-radius:5px;}
.article .contents .tabmenu .section h2{margin:0px;}
.article .contents .tabmenu .section h2 a{display:block;padding:10px;border:1px solid #ffffff;border-radius:5px;}
.article .contents .tabmenu .division {padding:0px;}
.article .contents .section dl dd,
.article .contents .tabmenu .division dt,
.article .contents .tabmenu .division dd{width:auto;padding-left:0em;clear:both;}
.article .contents .tabmenu .division dt {margin:.3em 0;}
.article .contents .section dl dd{border-bottom:1px dotted #cccccc;}
.article .nav .info ul li{width:auto;float:none;}
}
@media screen and (min-width:770px) {html body .nav ul{display:block !important;}}