@charset "utf-8";

* { box-sizing: border-box;}

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; margin: 0 auto; display:flex; align-items: center; padding-bottom: 0;}
header .wrap,
header .inner { overflow: visible;}

.header_title{height: inherit;
background: inherit;
box-shadow: none;
border: none;
top: 0;
bottom: 0;
justify-content: left;
font-size: 1.5em;
}

/***************************
フッタ
***************************/
footer { clear: both; 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;}
dl.news{padding-left:18px;}
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: 100%; /* width:747px */ ;margin-bottom:20px;padding:0px 0px 8px;float:right;overflow:hidden;
	width: 100%; display: flex; justify-content: space-between;
}

.no_nav .article .contents {width:auto;float:none;}

.article .contents .nav.nav_left,

.article .contents .nav.nav_right { float: none;}
.article .contents .nav.nav_left { order: 1;}
.article .contents .nav.nav_right { order: 3;}


/*
.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 { order: 2; 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: 3px; 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;}



/* add */
.title { margin-top: 0.3em; margin-bottom: 0; font-size: 1.5em;}
.news dt{ min-width: 9em; padding-left: 1em;}
.news dt .news_date { max-width: 9em;}
.news dd {padding-left: 0em;}
.news .news_tag {display:none;}

.page_control { height: 50px;} /* ページコントロールの高さ */

/* ページコントロール - 切り替えボタン */
.UD { margin: 0; padding: 0;}
.page_control { display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0 10px; height: 50px;}
.page_control dl,
.page_control dl dt,
.page_control dl dd { min-height:34px; margin:0; padding:0;font-size: 0.95em;}
.page_control dl{ float:left; display: flex; height:34px ; margin:0 0.5em 0 0; padding:0; overflow: hidden;}
.page_control dl dt{ width:34px;}
.page_control dl.color_change dt,
.page_control dl.textsize_change dt { display: flex; justify-content: center; align-items: center;}
.page_control dl.color_change dt { width: 60px;}
.page_control dl.textsize_change dt { width: 90px;}
.page_control dl dd a { display: block; width:30px; height:30px; margin: 2px; border: 2px solid #F0EFEE; border-radius: 0.3em;}
.page_control dl.color_change dd a { background-color: #fff;}
.page_control dl.color_change dd.high a { background-color: #000;}
.page_control dl.color_change dd.low a { background-color: #ccc;}
/**/
.page_control dl.textsize_change dd.smaller a,
.page_control dl.textsize_change dd.default a,
.page_control dl.textsize_change dd.larger a { background-color: #fff;} 

.page_control dl dd a:hover,
.page_control dl dd a:focus { border-color: #b00000;} /* ホバー色 */


/* ページコントロール - 翻訳ボタン */
.page_control .conf_language { display: block; height: 34px; margin: 0; padding: 0; text-align: center;}
.page_control .conf_language a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 0 1.5em; color: #000; font-size: 0.9em; text-decoration: none; border-radius: 0.3em;}
/**/
.page_control .conf_language a { background-color: #fff;} /* ボタン色 */
.page_control .conf_language a:hover,
.page_control .conf_language a:focus { background-color: #EFE5B1;} /* ホバー色 */

/* ページコントロール - 検索 */
.page_control .search { width:180px; margin: 0 20px; padding: 0; float: right; text-align: center;}
.page_control .search div { margin:0; padding:0;}
.page_control .search label.search_txt{ float:left; display:flex; align-items: center; justify-content: center; height: 34px; width: 0px; font-size: 0.9em; overflow: hidden;}
.page_control .search .search_wrap_inner { width: calc(100% - 0px); border: 2px solid #333;}
.page_control .search input#search_txt {display: block; height: 30px; width:calc(100% - 4em); margin: 0%; padding: 0px 0.5em; line-height: 36px; background-color: #fff; border:none;float:left;}
.page_control .search input#search_txt:focus {background-color:#FFFFFF;outline:1px solid #CCC;}
.page_control .search input.search_bt { display: block; width: 4em; height:30px; ;margin: 0; padding:0px 0; font-weight:bold;border:none;float:left;}
/**/
.page_control .search .search_wrap_inner { border-color: #333; background-color: #333;} /* 検索枠色 */
.page_control .search input.search_bt { color:#FFF; background-color: #333;} /* 検索ボタン色 */
.page_control .search input.search_bt:hover,
.page_control .search input.search_bt:focus { background-color: #b00000;} /* 検索ボタン ホバー色 */

/* ハンバーガーメニュー・コンフィグメニュー */
.mb_global_menu { display: none; position: fixed; top: 0%; left: 0%; right: 0%; height: 52px; padding: 0; background-color: rgba(0,0,0,0.6); z-index: 110; }
.mb_global_menu ul { display: flex; justify-content: center; align-items: stretch; height: 100%; margin: 0; padding: 0;}
.mb_global_menu li { width: 33.3333333%; /*border-left: 1px solid rgba(255,255,255,0.6);*/}
.mb_global_menu li.mb_menu01 { border: none;}
.mb_global_menu a { position: relative; display: block; height: 100%; width: 100%; color: #fff!important; text-decoration: none;}
.mb_global_menu .mb_item { position: absolute;}
.mb_global_menu .mb_item.icon { width: 26px; height: 26px; top: 4px; left: 50%; margin-left: -13px; background: center center no-repeat transparent; background-size: contain; transition-duration: 0.2s;}
.mb_global_menu .mb_item.text { display: flex; justify-content: center; align-items: center; top: 30px; bottom: 0px; left: 0px; right: 0px; font-size: 0.65em; text-shadow: 0 0 6px #000, 0 0 3px #000;}

.mb_global_menu li.mb_menu01 .mb_item.icon { background-image: url("../img/mbmenu_icon01.png");}
.mb_global_menu li.mb_menu02 .mb_item.icon { background-image: url("../img/mbmenu_icon02.png");}
.mb_global_menu li.mb_menu03 .mb_item.icon { background-image: url("../img/mbmenu_icon03.png");}
.mb_global_menu li.mb_menu01.active .mb_item.icon,
.mb_global_menu li.mb_menu02.active .mb_item.icon,
.mb_global_menu li.mb_menu03.active .mb_item.icon { background-image: url("../img/mbmenu_icon00.png"); transform: rotate(360deg);}

.menu_bg,
.conf_bg,
.search_bg { display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(64,64,64,0.85); z-index: 100;} /* スマートフォン時の背景 */

/* フッター */
footer .wrap { text-align: center; padding-bottom: 0;}
footer .wrap dl { display: inline-block; text-align: center; margin: 0 0.5em 0.5em; padding: 0;}
footer .wrap dt { width: 100%; margin: 0;padding: 0; font-size: 1.3em; margin-bottom: 0.5em;}
footer .wrap dd { margin: 0; padding: 0;}
footer .wrap dd p:last-of-type { margin-bottom: 0;}

footer .copyright { clear: both;}
footer .copyright span {}
footer .reread_link{ width:80px; height: 80px; position:fixed!important; bottom: 20px!important; right:0; padding: 0; z-index: 100;}
footer .reread_link a { display: flex; align-items: center; justify-content: center; height:100%; width: 100%; font-size: 0.8em; color: #FFF; text-decoration: none; overflow:hidden; background-color: rgba(64,64,64,0.8); border-radius: 50%; background-size: contain;}
footer .reread_link a img { max-width: 100%; height: auto;}
footer .reread_link a:hover{opacity:0.8;}


@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%;}
  
/* add ---------------------------------------------*/
  body { padding-top: 52px;}
  .header_title{ width: 100%; }
  .article,
  .title { margin-left: 2.5%; margin-right: 2.5%;}
  form input[type="text"] { max-width: inherit;}
  footer { padding-bottom: 90px;}
  
/* ハンバーガーメニュー */
  .menu_button,
  .mb_global_menu { display:block; transition-duration: 0.3s;}
  .mb_global_menu ul { list-style: none;}
  .mb_global_menu li { width: 50%;}
  
  
/* コンフィグメニュー*/
  .conf_button { display:block; padding-bottom: 0; transition-duration: 0.3s;}
  .conf_button.active { box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9);}
	
	
/* ホームメニュー*/
  .home_button { display:block; padding-bottom: 0; transition-duration: 0.3s;}
  .home_button.active { box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9);}
	
	
/* ページコントロール */
  .conf,
  .page_control .search { display: none;}
  .page_control { color: #fff; padding: 0;}
  
  .page_control .search,
  .UD {margin-left:2%;margin-right:2%;}
  .page_control dl.textsize_change,
  .page_control dl.color_change { width: 100%; margin: 1em auto!important;}
  .page_control .voice { width: 100%; margin-left: auto; margin-right: auto;}
  .page_control .voice a { width: auto; border: 2px solid #fff;}

  .conf { position: fixed; top: 50%; left: 2.5%; right: 2.5%; min-height: 150px; margin-top: -75px; padding-top: 25px; z-index: 105;}
  .UD { float: none;}
  .page_control dl { justify-content: center;}
  .page_control dl dd { margin-left: 10px; margin-right: 10px;}
  .page_control dl.textsize_change dt,
  .page_control dl.color_change dt { width: 7em!important; text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 4px #000; font-size: 1.2em;}

  .page_control .conf_button { top: 45%; min-height: 35px; }


  .page_control .search { position: fixed; top: 50%; left: 2.5%; right: 2.5%; min-height: 150px; width: auto; margin-top: -75px; padding-top: 25px; z-index: 105;}
  .page_control .search .search_wrap { overflow: visible; display: block;}
  .page_control .search label.search_txt{ height: auto; width: 100%; padding: 0.5em; font-size: 1.2em; overflow: auto; text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 4px #000;}
  .page_control .search .search_inner { width: 100%;}
  .page_control .search input#search_txt { height: 44px; width:calc(100% - 4.5em); line-height: 44px; font-size: 1.2em;}
  .page_control .search input.search_bt { width: 4.5em; height: 44px; font-size: 1.2em;}

  .page_control dl.textsize_change dd {
	color: #000;
  }
  
  /* contents frame */
  .article .contents { flex-wrap: wrap; justify-content: center;}

  .article .contents .nav.nav_left,
  .article .contents .nav.nav_right,
  .article .contents .main_contents { width:100%;}

  .article .contents .nav.nav_left { order: 2;}
  .article .contents .nav.nav_right { order: 3;}
  .article .contents .main_contents { order: 1; margin-bottom: 1em;}
  
  
  
}/* 1024 */

@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 dl.news dt,
.article .contents .main_contents div.news .news_link a,
.article .contents dl.news dd{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: 3px; text-indent: 0px; background-image: none;}
.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:300px;}
#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;}
  
  /* add */
  .news dt { float: none; width: auto; padding-bottom: 0.3em;}
  .news dd { padding-top: 0; padding-left: 1em;}
  
}

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


@media screen and (min-width:1025px) {
	.conf,
	.UD,
	.page_control .search { display:block!important;}
	.menu_bg,
	.conf_bg ,
	.search_bg{display: none!important;}
	.body_header #menu {
		display: block !important;
	}
	#menu {
		display: flex !important;
	}
}


@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;}
}