@charset "utf-8";
body { min-width: 320px; margin:0px;color:#333333;background-color:#ffffff;font-size:100%;line-height:1.3;font-family:Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;}
.header ,.article ,.footer ,.section ,h1,h2,h3,hr{clear:both;}/*-clear-*/
.article ,.section ,.nav ,dl,ul,h2,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;}
#Map,#Map *{padding:0px;overflow:visible;}
#jump {position:absolute;overflow:hidden;}
a{color:#006699;text-decoration:underline;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;}
#TOP{min-width:1000px;font-size:0.9em;}
body > .wrap { padding-bottom: 0px;}
img { max-width: 100%; height: auto;}
ul li { margin-top: 0.3em; margin-bottom: 0.3em;}
.article ,.header .wrap,
.header .nav ul,
.footer .wrap {width:1000px;margin:0px auto;padding:0px;overflow:hidden;}

/* READ LINK */
#Map,#Map *,#jump{padding:0px;overflow:visible;}
#jump a{position:absolute;width:0px;height:0px;overflow:auto;text-indent:-999em; z-index: 100;}
#jump a:focus{width:12em;height:1.5em;text-indent:0px;background:#ffffff;text-align:center;}

/*************************************************
ヘッダー
*************************************************/
.address { background-color: #EFEFEF; margin-bottom: 0; padding: 0.5em 0;}
.address .wrap {text-align:center; overflow:hidden;}
header{background:#900;color:#fff;}
header .wrap{max-width:1000px;}
.header_title{height: inherit;
background: inherit;
box-shadow: none;
border: none;
top: 0;
bottom: 0;
justify-content: left;
font-size: 1.5em;
}

/***************************
フッタ
***************************/
footer { min-height: auto; padding-bottom: 0; background: none;}
footer dl{overflow:hidden;}

.article{margin-top:1em;}
.article .emergency_info{ margin:0 auto 1.6em;padding: 16px 0 11px; }
.article .emergency_info .article_inner { margin-bottom: 0;}
.article .emergency_info dl.emergency{position:relative;margin-bottom:0.8em;border:2px solid #bf311b;padding:8px 2px 8px 180px;background-color:#ffffff;}
.article .emergency_info dl.emergency > dt{position:absolute;left:0px;top:0px;bottom:0px;width:160px;padding:10px;background-color:#bf311b;color:#ffffff;float:left;}
.article .emergency_info dl.emergency > dd{padding:8px;margin:2px;}
.article .emergency_info .txtbox h2{margin:0 0 .5em 0;padding:.25em;font-size:1.25em;text-align:left;position:relative;background:#bf311b;color:#fff;}
.article .emergency_info .txtbox h3{margin:0 0 .5em 0;padding:.25em;font-size:1.25em;text-align:left;position:relative;}
.article .emergency_info .txtbox h4{margin:0 0 .5em 0;padding:.25em;font-size:1.125em;text-align:left;position:relative;}
.article .emergency_info .txtbox h5{margin:0 0 .5em 0;padding:.25em;font-size:1em;text-align:left;position:relative;}
.saigai .article .contents dl.news dt{width: 6em;}
.saigai .article .contents dl.news dd{padding-left: 6.5em;}
.saigai .article .contents dl.news {padding: 5px;}
dl.news dt{float:left; width:5em;padding:0.8em 0 0.8em 0.8em; }
dl.news dd{padding:0.8em 0;margin:0;border-bottom:1px dotted rgb(51,51,51);}
.article .contents {width:747px;margin-bottom:20px;padding:0px 0px 8px;float:right;overflow:hidden;}
.no_nav .article .contents {width:auto;float:none;}
/*
.article .contents h1{margin:0px -10px 15px;padding:12px 6px;border:3px solid #DDDDDD;background:#F2F2F2;font-size:1.3em;}
.article .contents h2{padding:8px 6px 6px;color:#ffffff;background:#767676;font-size:1.2em;}
.article .contents h3{border-bottom:2px dotted #999999;font-size:1.1em;}
.article .contents h4{position:relative;padding-left:1.3em;font-size:1em;}
.article .contents h5{position:relative;padding-left:1.3em;font-size:0.9em;}
.article .contents ul,.article .contents ol,.article .contents dl{margin-left:10px;}
.article .contents ul{padding:0px;}
.article .contents ol{padding-left:2em;}
.article .contents ol li{margin-bottom:8px;}
.article .contents ul li{position:relative;list-style:none;margin-bottom:8px;padding-left:2em;}
*/.
.article .contents dl.news{margin:8px;}
.article .contents dl.news dt{width:8em;float:left;line-height:1.5;}
.article .contents dl.news dd{margin:0px;padding-left:8.5em;border-bottom:1px dotted #666666;line-height:1.5;vertical-align:middle;}
.article .contents .section {padding-bottom:15px;}
.article .contents .main_contents {width:500px;float:left;}
.article .contents .main_contents div.news{position:relative;border:3px solid #DDDDDD;padding:5px;}
.article .contents .main_contents div.news h2{color:#CC0000;border-bottom:2px solid #CC0000;background:transparent;}
.article .contents .main_contents div.news .news_link{position:absolute;top:0px;right:5px; overflow: hidden;}
.article .contents .main_contents div.news .news_link a{ display: flex; justify-content: center; width: auto; height: auto; margin: 5px; padding: 5px 12px; float: left; color: #ffffff; text-decoration: none; box-sizing: border-box;}
.article .contents .main_contents .news_link a.RSS_link{background-color:#CF4400;}
.article .contents .main_contents .news_link a.list_link{background-color:#333333;}
.article .nav {width:220px;margin:0px;float:left;}
.article .nav dl dd a:before{display:block;content: " ";position:absolute;border:0.25em solid transparent;border-left:0.4em solid #666666;}
.article .nav dl {padding:0px;border-bottom:2px solid #E6E6E6;background:#FAFAFA;}
.article .nav dl dt{padding:10px 6px 8px;color:#ffffff;background-color:#767676;font-weight:bold;text-align:center;}
.article .nav dl.emergency dt{background-color:#900;}
.article .nav dl dd{margin:0px;padding:2px;border-left:2px solid #E6E6E6;border-right:2px solid #E6E6E6;}
.article .nav dl dd a{display:block;position:relative;padding:8px;padding-left:20px;border-bottom:1px dotted #999999;font-size:0.9em;}
.article .nav dl dd a:before{top:14px;left:8px;}
.article .contents .nav{width:220px;float:right;}

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

#smsrch{display:none;}

@media screen and (min-width:0px) and (max-width:1024px){/* 1000+20 */
#TOP,
.article ,
.article .contents ,
.article .contents .main_contents ,
.article .nav ,
.article .contents .nav{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.article .locus{position:relative;}
.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;}

.header .wrap,
.header .nav ul,
.footer .wrap{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.header .page_control{width:auto;}
.header .page_control > ul{float:right; margin-bottom:14px; margin-right:0px;}
.header #UD{clear:both;overflow:hidden;}
.header .title .title_right{float:left;}
.footer,
.footer .wrap{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.footer .wrap{margin-left:2.5%; margin-right:2.5%;}
}

@media screen and (min-width: 0px) and (max-width:860px) {
.header .wrap { width: 92%;}
.header .wrap .title{width:280px;margin-top:3px;}
.header .title_left{float:none;}
.header .title_right{padding:16px 0px 0px 14px;}
}

@media screen and (min-width:0px) and (max-width:788px){/* 768+20 */
.article .contents  .main_contents div.news {margin: 0 8px;}
.article .contents dl.news dt{padding-left: .5em;}
.article .contents .main_contents div.news .news_link a{float: none;padding-left: 0;width: auto;}
.article .contents .main_contents div.news .news_link{position:static;}
.article .contents .main_contents div.news .news_link a{ padding: 8px; text-indent: 0px; background-image: none; width: 100%;}
.article .list_link{position:static;padding:8px;}
.article .contents .list_link a{display:block;width:50%;height:44px;margin:0px;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 .section dl dd{border-bottom:1px dotted #cccccc;}
.article .nav .info ul li{width:auto;float:none;}

.header { overflow: visible;}
.header .nav ul{width:70%;}
.header .nav ul li{width:33%; margin-top:0.8em;}
.header .nav ul li.menu2{width:34%;}
.header .nav ul li.menu4{width:45%; margin-left:12%;}
.header .nav ul li.menu5:after{background-position:left top;}
.footer .footer_right ul li{float:left; width:49%;margin-left:2%;text-align:center;margin-bottom:0.7em;}
.footer .footer_right ul li:nth-child(2n-1){margin-left:0;}
}

@media screen and (min-width:0px) and (max-width:660px){/* 640+20 TABLET */
.contents .article .subtop_main ul.list_link{margin:0px;padding:6px;}
#TOP .contents .article .subtop_main ul.list_link li{width:50%;margin:0px;}
.contents .form_section input[type=radio]{float:left; margin-left:1.5em; margin-right:1em; margin-bottom:1.5em; clear:both;}
.contents .form_section label{margin-bottom:1.5em; float:left;}
.contents .form_section form fieldset{padding-top:1.5em;}
.contents .section ul li{margin-bottom:2em;}
.contents .section .acrobat{margin:0;}
.contents .acrobat .icon {float:none; margin:0 auto 0.4em;text-align:center;}
.contents .acrobat p{padding:0 0.8em;}
.contents .sub_left{float:none;width:90%;margin:0 auto;}
.contents .sub_right{float:none;width:90%;margin:0 auto;}
.article .emergency_info dl.emergency{padding:0;}
.article .emergency_info dl.emergency > dt{position:relative;float:none;margin:0;width:auto;text-align:center;}
.article .nav dl{margin-left:0;margin-right:0;}
.article .contents{margin-bottom:0;}

.header{border-top:none;}
.header .title .title_left{float:none; text-align:center;}
.header .title .title_right{display:none;}
.header .nav .menu_button{display:block;position:fixed;top:5px;right:5px;z-index:100;}
.header .nav .menu_button a{display:block; margin:0;padding:0;transition-duration:0.3s;width:44px;height:44px;}
.header .page_control,
.header .nav #menu{display:none;width:90%;position:fixed;right:0;top:49px;background:rgba(247,243,238,0.8);z-index:100;}
.header .page_control{min-height:181px;float:none;}
.header .nav #menu{top:230px;bottom:0px;}
.contents .article .subtop_main ul.list_link,
.header .wrap .title{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
#UD{padding:0px;}
#UD dl.color_change,
#UD dl.textsize_change{float:none;margin:5px auto;width:210px;}
#UD dl.color_change dt{margin-right:30px;}
.header .page_control form.search{width:auto; margin:0 2.5%;float:none;}
.header .page_control form.search .search_box{width:95%;margin:0.5em auto 0;}
#TOP .header .nav ul li{float:none;width:auto;margin-left:2.5%;margin-right:2.5%;}
.header .nav ul li:before{background:left bottom repeat-x;}
.header .nav ul li.menu5:after{background:none;}

.footer dl.footer_left,.footer .footer_right{float:none; width:auto; margin:0 2.5% 0.8em;}
.footer dl.footer_left dt,.footer dl.footer_left dd{float:none;}
.footer dl.footer_left dd{width:90%; margin:0 5% 0.4em;}
.footer .footer_right .footer_banner {text-align:center;}
.footer .footer_nav ul{float:none; width:auto; margin:0 auto 0.6em;}
.footer .footer_nav ul li{float:none;padding-bottom:5px;}
.footer p.copyright{float:none; width:auto; margin:0 2.5% 1em; text-align:center;}
}

@media screen and (min-width:0px) and (max-width:500px){/* 480+20 MOBILE */
}

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

/*20231130追記*/
@media screen and (max-width: 1220px){
    header .wrap {max-width: 100%;}
    }