@charset "utf-8";
/**********************************
 会津美里町 style.css
 160201
**********************************/
body {margin:0px;color:#333333;background-color:#ffffff;font-size:100%;line-height:1.3;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-text-size-adjust:100%;}
.header ,.article ,.footer ,.section ,h1,h2,h3,hr{clear:both;}/*-clear-*/
.article ,.section ,.nav ,dl,ul,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 *,#jump{padding:0px;overflow:visible;}
#jump a{position:absolute;width:0px;height:0px;overflow:auto;text-indent:-999em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0px;background:#ffffff;text-align:center;}
textarea {max-width:95%;}
#TOP{min-width:1024px;padding:0px;}
a{color:#006699;text-decoration:underline;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;}
p.center{text-align:center;}
div.left,p.left{float:left;}
div.right,p.right{float:right;}

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

/* ヘッダー */
.header {}
.header:before{top:0px;left:0px;right:0px;height:42px;background:#B2D89C;border-bottom:4px solid #FDFAD2;box-shadow:0px 34px 0px 0px #E0EFB8;z-index:-1;}
.aside,
.header .wrap,
.header .nav{width:1024px;margin:0px auto;}
.header .wrap{position:relative;min-height:110px;overflow:visible;}
.header .wrap .title,.header h1 {position:absolute;top:0px;left:0px;width:212px;padding:14px 11px;margin:0px 0px 15px;float:left;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);box-shadow:0px 0px 5px rgba(0,0,0,0.3);background:url(../img/title.png) no-repeat center center rgba(255,255,255,0.85);z-index:80;}
.header .wrap .title a,.header h1 {display:block;height:73px;text-indent:-999em;}
.header .page_control{max-width:640px;float:right;}
.header .page_control ul ,#UD dl ,#UD dl dt ,.header .page_control dl dd {min-height:30px;margin:2px 1px;padding:0px;float:left;list-style:none;}
.header .page_control ul li {margin:2px 0px 2px 10px;padding-top:5px;float:left;}
#UD{padding:0px;float:right;}
#UD dl.color_change ,#UD dl.textsize_change{width:180px;margin:0px;padding:5px 0px 0px 0px;float:left;}
#UD dl.color_change{width:150px;}
#UD dl dt{padding:4px 3px 0px 0px;background:no-repeat center center;text-indent:-999em;}
#UD dl.color_change dt {width:40px;background-image:url(../img/control_collar_title.png);}
#UD dl.textsize_change dt {width:70px;background-image:url(../img/control_font_title.png);}
#UD dl dd a{display:block;width:33px;height:33px;text-indent:-999em;background:no-repeat center center;background-size:contain;}
.header .page_control ul li a{display:block;padding:0.2em;color:#262320;background:#F2E9DD;border:1px solid #E3D1B9;text-decoration:none;font-size:0.8em;}
.header .page_control ul li a.announce {width:6em;background-image:url(../img/bt_voice.png);}
.header .page_control ul li a.language {width:8.5em;background-image:url(../img/bt_language.png);}
#UD dl dd.default a{background-image:url(../img/control_def.png);}
#UD dl.color_change dd.default a{background-image:url(../img/control_collar_def.png);}
#UD dl dd.smaller a{background-image:url(../img/control_font_small.png);}
#UD dl dd.larger a{background-image:url(../img/control_font_big.png);}
#UD dl dd.high a{background-image:url(../img/control_collar_high.png);}
#UD dl dd.low a{background-image:url(../img/control_collar_low.png);}
.header .page_control form.search {width:380px;margin:0px;float:right;text-align:center;clear:both;}
.header .page_control form.search label.search_txt{display:block;width:120px;height:33px;float:left;background:url(../img/control_search_title.png) no-repeat center;text-indent:-999em;}
.header .page_control form.search input#search_txt {display:block;width:190px;padding:4px;margin:5px 0px 5px;border:1px solid #333333;background-color:#fafafa;float:left;}
.header .page_control form.search input#search_txt:focus {background-color:#ffffff;outline:1px solid #000000;}
.header .page_control form.search input.search_bt {width:48px;color:#ffffff;padding:3px 0px;margin:5px auto 5px;font-weight:bold;background-color:#333333;border:none;float:left;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;}
.header .page_control,
.header .page_control form.search div{padding:0px;}
.header .nav{}
.header .nav .menu_button{display:none;}
.header .nav .menu_button a{display:block;width:44px;height:44px;background:url(../img/menu_open.png) no-repeat center center;text-indent:-999em;}
.header .nav ul {padding:0px;list-style:none;}
.header .nav ul li{width:19%;margin:2px 0.5%;background-color:#614b83;background-image:-webkit-gradient(linear,42% 0%,42% 100%,color-stop(0, rgba(0,0,0,0)),color-stop(1, rgb(74,57,106)));background-image:-webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0%,rgb(74,57,106) 100%);background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgb(74,57,106) 100%);border-radius:4px;box-shadow:0px 0px 0px 2px #DF9BC0;float:left;}
.header .nav ul li:hover{background-color:#8968be;}
.header .nav ul li a{display:block;min-height:66px;margin:0;border:1px solid #ffffff;color:#ffffff;background:no-repeat center center;border-radius:3px;text-indent:-999em;}
.header .nav ul li.menu01 a{background-image:url(../img/menu01.png);}
.header .nav ul li.menu02 a{background-image:url(../img/menu02.png);}
.header .nav ul li.menu03 a{background-image:url(../img/menu03.png);}
.header .nav ul li.menu04 a{background-image:url(../img/menu04.png);}
.header .nav ul li.menu05 a{background-image:url(../img/menu05.png);}

/* コンテンツ */
.contents {width:1024px;margin:0px auto 15px;}
.contents .article {width:750px;float:left;}
.no_nav .contents .article {width:auto;float:none;}
.contents .article .section{position:relative;}
.contents .article .txtbox{clear:both;margin-bottom:1em;}

/* 本文 */
.contents .article h1{padding:0.5em;font-size:1.6em;background:#ebebeb;background-image: -moz-linear-gradient(right center, transparent 60%, rgba(255, 255, 255, 0.5) 100%);background-image: linear-gradient(to right, rgba(0,0,0,0) 60%, rgba(255, 255, 255, 0.5) 100%);color:#525252;}
.contents .article h1:before{top:0px;left:0px;bottom:0px;width:0.2em;border-right:2px solid #ffffff;background:#dbdbdb;}
.contents .article h3,.contents .nav .section h2{padding:0.5em;font-size:1.2em;}
.contents .article h3:before,.contents .nav .section h2:before{bottom:2px;left:0px;right:0px;border-bottom:2px solid #E4D2BC;}
.contents .article h2{padding:0.2em 0.5em;border-left:6px solid #E4D2BC;font-size:1.3em;}
.contents .article h4{padding:0.5em;padding-left:1.2em;font-size:1.1em;}
.contents .article h4:before{top:0.6em;left:0em;width:0.4em;height:0.4em;border:0.3em solid #E4D2BC;border-radius:50%;}
.contents .article h5{padding:0.5em;padding-left:1.2em;font-size:1em;}
.contents .article h5:before{top:0.7em;left:0em;border:0.4em solid #E4D2BC;border-radius:50%;}
.contents .article h6{padding:0.5em;font-size:1em;}

.contents .article table{border-collapse: collapse;margin-bottom:15px;}
.contents .article table caption{padding:4px 0px;}
.contents .article table table,.contents .article table ul,.contents .article table ol,.contents .article table table dl{margin-bottom:0px;}
.contents .article table th,.contents .article table td{padding:0.5em;border:1px solid #666666;}
.contents .article table th {background:#eeeeee;}
.contents .article table.noborder,.contents .article table.noborder th,.contents .article table.noborder td{border:none;}

.contents .article ol {padding-left:2em;}
.contents .emergency ul,.contents .article ul{list-style:none;padding-left:0px;}
.contents .article ol li,.contents .article ul li,.contents .emergency ul li,.contents .planning ul li{margin-bottom:0.6em;}
.contents .article ul li,.contents .emergency ul li,.contents .nav .planning ul li{padding-left:2em;}
.contents .article ul li:before,.contents .emergency ul li:before,.contents .nav .planning ul li:before{top:0.3em;left:8px;width:0.7em;height:0.7em;background:#b2d89c;border-radius:50%;}
.contents .article ul.menu li{padding-bottom:0.6em;border-bottom:1px dotted #b2d89c;}
.contents .article ul.menu li:before{width:0px;height:0px;border:0.4em solid transparent;border-left:0.6em solid #b2d89c;border-radius:0px;background:transparent;}

.contents .article  p.clear{clear:both;}
.contents .article .image_box {width:100%;margin:0px 0px 10px;padding:0px;}
.contents .article .image_box li {width:31%;margin:5px 1%;padding:0px;float:left;background:#dddddd;}
.contents .article .image_box li:before{display:none;}
.contents .article .image_box li p{position:static;width:auto;margin:0px;padding:3px;text-align:center;}
.contents .article .image_box li img {margin:1%;width:98%;height:auto;}
.contents .article .image_box li.clear,.contents .article .image_box li:nth-of-type(3n+1){clear:both;}
.contents .article .image_box.twobox li:nth-of-type(3n+1),
.contents .article .image_box.fourbox li:nth-of-type(3n+1){clear:none;}
.contents .article .image_box.twobox li{width:48%;}
.contents .article .image_box.twobox li:nth-of-type(2n+1){clear:both;}
.contents .article .image_box.fourbox li{width:23%;}
.contents .article .image_box.fourbox li:nth-of-type(4n+1){clear:both;}
.contents .article .image_box_left{margin:0 1em .5em 0;max-width:50%;float:left;padding:0px;}
.contents .article .image_box_right{margin:0 0 .5em 1em;max-width:50%;float:right;padding:0px;}
.contents .article ul.image_box_left li,.contents .article ul.image_box_right li{padding:0;}
.contents .article .image_box_left li img,.contents .article .image_box_right li img{max-width:100%;height:auto;}
.contents .article .image_box_right li:before,.contents .article .image_box_left li:before{display:none;}

.contents .article .acrobat {margin:8px 15px 8px;padding:8px;border:3px solid #EFEFEF;}
.contents .article .acrobat .icon {margin:0px 8px 0px 0px;border:none;float:left;}
.contents .article .acrobat p{margin:0px;font-size:0.9em;}

/* 関連ファイル */
.contents .article ul.file_list li:before{top:0px;left:0.3em;width:16px;height:16px;border:none;background:url(../img/file_list_mark.gif) no-repeat;border-radius:0em;}
.contents .article ul.file_list li.pdf:before{background-image:url(../img/file_list_mark_pdf.png);}
.contents .article ul.file_list li.doc:before{background-image:url(../img/file_list_mark_doc.gif);}
.contents .article ul.file_list li.xls:before{background-image:url(../img/file_list_mark_xls.gif);}

/* ページアンケート */
.contents .article .form_section{padding:20px 20px 10px;border:1px solid #CCCCCC;}
.contents .article .form_section h2{background:#f5f5f4;margin:-19px -19px 15px;text-align:center;border:none;}
.contents .article .form_section h2:before{display:none !important;}
.contents .article .form_section dl dt{margin:8px 0px 0px;}
.contents .article .form_section dl dd{margin:0px;padding:8px 0px;}
.contents .article .form_section input[type=radio]{width:16px;height:16px;}
.contents .article .form_section input[type=submit]{width:48px;color:#FFF;padding: 3px 0px;margin: 5px auto;font-weight: bold;background-color: #333;border: medium none;font-family: "Hiragino Kaku Gothic ProN","メイリオ",sans-serif;}
.contents .article .form_section input[type=submit]:hover{opacity:.8;cursor: pointer;}

/* YouTube動画 */
.contents .article .mv_area p{margin:.5em 0;font-size:.9em;}

/* サイドメニュー */
.contents .nav {width:225px;float:right;}
.contents .nav .section h2{margin-bottom:0.3em;}
.contents .nav ul{padding-left: 0px; list-style:none;}
.contents .nav dl{padding:2px;list-style:none; border:4px solid #E0EFB8;}
.contents .nav dl dt{margin-bottom:2px;padding:0.8em 1em;background:#b2d89c;}
.contents .nav dl dd{margin:0px; border-top: 1px dotted #cccccc;}
.contents .nav dl dd:first-of-type{border-top: none;}
.contents .nav dl dd a{display:block;padding:0.8em;padding-left:1.5em;color:#1b2207;background:#ffffff;text-decoration:none;transition-duration:0.2s;}
.contents .nav dl dd a:before{left:0.5em;top:0.9em;border:0.4em solid transparent;border-left:0.6em solid #b2d89c;transition-duration:0.2s;}
.contents .nav dl dd a:hover{color:#1b2207;background-color:#E0EFB8;}
.contents .nav dl dd a:hover:before{left:0.8em;border-left-color:#2c3908;}
.contents .nav a img{max-width:100%;height:auto;}

/* フッター */
.footer {padding:0px;background:#B2D89C;font-size:0.9em;}
.footer .wrap{width:1024px;margin:0px auto;}
.footer ul{margin:6px 0px 14px;padding:6px 0px;text-align:center;clear:both;}
.footer ul li{display:inline-block;margin:0px;padding:0px 0.5em;}
.footer ul li:before{right:-5px;top:0px;bottom:0px;border-right:1px solid #333333;}
.footer ul.banner li:before,
.footer ul li:last-child:before{display:none;}
.footer ul li a{color:#333333;}
.footer ul.banner li{padding:0px 2px;}
.footer .right{width:50%;}
.footer div.qr{width:160px;padding:8px;background:#ffffff;float:right;}
.footer div.qr h2{width:100px;min-height:50px;margin:0px;background:url(../img/qr_title.png) no-repeat left center;text-indent:-999em;float:left;}
.footer div.qanda{margin:18px;float:right;}
.footer dl{position:relative;width:45%;background:url(../img/footer_map.png) no-repeat 300px bottom;float:left;}
.footer dl dt{font-size:1.2em;font-weight:bold;}
.footer dl dd{margin:4px 0px;font-size:0.9em;}
.footer dl dd.buttons{position:absolute;top:0px;right:0px;margin:0px;}
.footer dl dd.buttons a{display:block;margin-left:5px;padding:0.5em;color:#333333;border:1px solid #E3D1B9;background:#FFFFFF;float:left;text-decoration:none;}
.footer .copyright{margin:5px 0px 0px;padding:5px;background:#E0EFB8;text-align:center;font-size:0.8em;clear:both;}
.footer .reread_link{width:106px;height:105px;position:fixed;bottom:22px;right:0px;overflow:visible;}
.footer .reread_link a{display:block;width:80px;height:105px;text-indent:-999em;background:url(../img/reread_link.png) no-repeat;opacity:0.6;transition-duration:0.5s;}
.footer .reread_link a:before{bottom:90px;right:44px;width:58px;height:46px;background:url(../img/reread_link_top.png) no-repeat;transition-duration:0.3s;background-size:contain;}
.footer .reread_link a:hover{opacity:1;}
.footer .reread_link a:hover:before{width:73px;height:58px;}

/* よくある質問 */
.contents .article dl.qanda dt,.contents .article dl.qanda dd{min-height:32px;margin:0px;padding:18px 0px 12px 40px;background:no-repeat left 12px;}
.contents .article dl.qanda dt{background-image:url(../img/question.png);border-bottom:1px dotted #666666;}
.contents .article dl.qanda dd{margin-bottom:20px;background-image:url(../img/answer.png);}

/* 新着情報 */
.contents .article .news dl{padding:5px 10px;}
.contents .article .news dt{position:relative;width:5em;padding-left:5em;float:left;line-height:1.5;}
.contents .article .news dd{margin:0 0 .5em 5em;padding:0 0 .2em 5.5em;border-bottom:1px dotted #666666;line-height:1.5;vertical-align:middle;}
.contents .article .news dt span{position:absolute;display:block;top:0;left:.5em;margin:0;padding:.25em .3em;width:4em;font-size:.85em;color:#fff;text-align:center;}
.contents .article .news dt span.cate1{background:#147B35;}
.contents .article .news dt span.cate2{background:#5E4980;}
.contents .article .news dt span.cate3{background:#8D6B42;}

/* イベントアイコン */
.contents .article dl.event dt{width:23%;margin:6px 1%;padding-left:1.2em;max-height:1.1em;float:left;clear:both;overflow:hidden;}
.contents .article dl.event dt:before{top:0.1em;left:0px;border:0.4em solid #C5AD5F;}
.contents .article dl.event dd{margin:0px;padding:6px 1%;padding-left:28%;border-bottom:2px solid #EDE6CC;}
.contents ul.event_icon {padding: .6em 0 0 0;}
.contents ul.event_icon li{margin-bottom:.6em;padding-left:30px;}
.contents dl.eventlist dd:before{display: block;content: " "; position: absolute;}
.contents dl.eventlist dd:before,.contents ul.event_icon li:before{border-radius:0px;height:19px;top:0;bottom:0;left:8px;margin: 0;width:19px;background:none no-repeat 0 0;}
.contents dl.eventlist dd.event_icon01:before,.contents ul.event_icon li.event_icon01:before{background-image:url(../img/calendar_icon01.png);}
.contents dl.eventlist dd.event_icon02:before,.contents ul.event_icon li.event_icon02:before{background-image:url(../img/calendar_icon02.png);}
.contents dl.eventlist dd.event_icon03:before,.contents ul.event_icon li.event_icon03:before{background-image:url(../img/calendar_icon03.png);}
.contents dl.eventlist dd.event_icon04:before,.contents ul.event_icon li.event_icon04:before{background-image:url(../img/calendar_icon04.png);}
.contents dl.eventlist dd.event_icon05:before,.contents ul.event_icon li.event_icon05:before{background-image:url(../img/calendar_icon05.png);}
.contents dl.eventlist dd.event_icon06:before,.contents ul.event_icon li.event_icon06:before{background-image:url(../img/calendar_icon06.png);}
.contents dl.eventlist dd.event_icon07:before,.contents ul.event_icon li.event_icon07:before{background-image:url(../img/calendar_icon07.png);}

/* イベントカレンダー */
.contents .article .calendar_section table{width:100%;}
.contents .article .calendar_section table th{min-width: 8.5em;}
.contents .article .calendar_section table th.day{width: 11em;}
.contents .article .calendar_section table td.day{text-align:center;vertical-align:middle;}
.contents .article .navgation{font-size:.9em;width: auto;margin: 0;clear:both;float:none;}
.contents .article .navgation .previous_month{float:left;}
.contents .article .navgation .next_month{float:right;}

/* 組織案内・組織一覧 */
.contents .article .organization_table{width:100%;max-width:720px;}
.contents .article .organization_table .dept{}
.contents .article .organization_table .office,
.contents .article .organization_table .office_tel{text-align:center;width:25%;}
.contents .article .overview_table{width:100%;max-width:720px;}
.contents .article .overview_table .clm{width:30%;}

/* 施設マップ */
.contents .article.map .map_table{width:100%;max-width:620px;}
.contents .article.map .map_table .clm{width:30%;}
.contents .article.map .map_ground{width:100%;max-width:620px;border:1px solid #ddd;padding:0;}
.contents .article .section.map{page-break-inside:avoid;}
.contents .article .left_menu_list{width:305px;float:left;padding:5px;}
.contents .article .left_menu_list h2{margin:.4em;}
.contents .article .left_menu_list h3{margin:0;}
.contents .article .left_menu_list ul {margin:5px;}
.contents .article .list_category{margin-bottom:15px;padding:1px;border:3px solid #EBEAEC;}
.contents .article .list_place{border:2px solid #CCCCCC;height:300px;}
.contents .article .right_contents{ width: calc(100% - 305px - 60px); float:right;padding:5px;}
#mapobject_map{width: 100%; height: 630px; margin:0px; border:1px solid gray;}
#mapobject_map div{overflow:visible;}
#mapobject_list{width:auto; margin: 0px;overflow:auto;padding:.4em;}
#mapobject_list small{font-size: inherit;overflow:visible;}
#mapobject_kind{height:250px;width:auto;margin: 0px; overflow:auto;padding:.2em .4em;line-height:1.25em;}
#mapobject_kind li,#mapobject_list li{background:none;padding-left:0px;}

/* サイト内検索 */
.contents .article .search_result_google *{padding:0px;overflow:visible;}
.contents .article .search_result_google table th,.contents .article .search_result_google table td{border:none;}
.contents .article .search_result_google .gsc-results .gsc-cursor {display: block;text-align: center;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-page{padding:.5em;border:1px solid #ccc;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-current-page{border:2px solid #B2D89C;}

.header ,
.contents .article h1,
.contents .article h3,
.contents .article h2,
.contents .nav .section h2,
.contents .article h4,
.contents .article h5,
.contents .article ul li,
.contents .emergency ul li,
.contents .nav .planning ul li,
.contents .nav dl dd a,
.contents ul.event_icon li,
.footer ul li,
.footer .reread_link a{position:relative;}

.header:before,
.contents .article h1:before,
.contents .article h3:before,
.contents .article h2:before,
.contents .nav .section h2:before,
.contents .article h4:before,
.contents .article h5:before,
.contents .article ul li:before,
.contents .emergency ul li:before,
.contents .nav .planning ul li:before,
.contents .nav dl dd a:before,
.contents ul.event_icon li:before,
.footer ul li:before,
.footer .reread_link a:before{display:block;content:" ";position:absolute;}

/* youtube */
.contents .article .mv_area{height:0; overflow:hidden; padding-top:75%; position: relative;}
.contents .article .mv_area object{position:absolute;top:0;left:0;width:100%;height:100%;}

/* form */
.contents .article form fieldset{padding:0px 0px 15px;border:none;}
.contents .article form legend{margin: 8px 0px;}

/* Google Map Accesibility */
.contents .article .map_section .gm-style,
.contents .article .map_section .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .map_section .gm-style .gm-style-cc span,
.contents .article .map_section .gm-style .gm-style-cc a,
.contents .article .map_section .gm-style .gm-style-mtc div,
.contents .article .map_section .gm-style .gm-style-iw{font-size:0.8em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .map_section .gm-style a{text-decoration:underline!important;}

#___gcse_0{overflow:hidden;}

/***********************************
 レスポンシブ
************************************/
@media screen and (min-width: 0px) and (max-width: 1024px) {
textarea ,
#TOP,
.aside,
.header .wrap,
.header .nav,
.header .page_control,
#UD dl dd a,
.header .nav .menu_button a,
.contents ,
.contents .article ,
.contents .article .form_section input[type=radio],
.contents .nav ,
.footer .wrap,
.footer .right{position:static;width:auto;min-width:0px;max-width:100%;float:none;}

.contents ,.footer .wrap{margin:0 1%;}
textarea{max-width:95%;margin:0 auto;}
.header .page_control ul{float:right;}
#UD dl dd a{width:44px;height:44px;background-size:contain;}
.header .page_control{margin-left:235px;}
#UD dl.color_change ,#UD dl.textsize_change{width:213px;}
#UD dl.color_change{width:183px;}
.header .nav ul li{width:33.3%;margin:2px 0%;}
#UD dl.color_change, #UD dl.textsize_change{padding:0px;}
.header .page_control ul,
#UD dl, #UD dl dt, .header .page_control dl dd { margin: -1px 1px 2px}
.footer dl{width:auto;float:none;}
.footer ul.banner{float:left;clear:none;}
.contents .article.map .map_table{width:65%;max-width:65%;}
.contents .article.map .map_ground{width:90%;max-width:90%;margin:0 auto;}
.contents .article .txtbox table.wide_table thead,.contents .article .txtbox table.wide_table tbody { white-space: nowrap;}

}
@media screen and (min-width: 0px) and (max-width:890px) {
.footer ul.banner li{margin:.2em 0;padding:0;}
.footer ul.banner{float:none;}
}

@media screen and (min-width: 0px) and (max-width:770px) {
.contents .article .right_contents,
.contents .article .left_menu_list { float: none; width: 90%; margin: 0 5% 2%; clear:both; margin-left: calc( 5% - 5px );}
.contents .article .left_menu_list { font-size: 0.9em;}
#mapobject_kind{ height: 50vw; max-height: 250px;}
#mapobject_map {height: 72vw !important;}
.article .contents .list_place{ height: auto; max-height: 15.3em;}
}

@media screen and (min-width: 0px) and (max-width: 720px) {
.contents .article .organization_table{width:100%;}
.header .page_control form.search label.search_txt,
.header .page_control form.search input#search_txt{width:40%;}
.header .page_control form.search input.search_bt {width:10%;}
}

@media screen and (min-width: 0px) and (max-width:630px) {
.footer div.qanda{float:left;width:50%;margin:0;padding:0;text-align:center;}
.footer div.qr{width:40%;margin:0 3%;padding:8px 2%;}
.footer ul.banner{width:100%;float:none;clear:both;}
.footer ul.banner li{width:48%;margin:.2em 1%;}
.footer ul.banner li img{max-width:100%;height:auto;}
#UD dl.color_change, #UD dl.textsize_change{float:right;margin-right:10px;}
.header .page_control ul li {float:right;margin-right:20px;}
#UD,.header .page_control ul,.header .page_control form.search{width:330px;}

.contents .article .mv_area object,
.contents .article .mv_area embed{width:400px;height:300px;margin:0 auto;}
}

@media screen and (min-width: 0px) and (max-width:568px) {
.header .page_control{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.header .page_control{margin-left:0px;}
.header .nav ul li{width:50%;}
.contents .article.map .map_table{width:100%;max-width:100%;}
.contents .article.map .map_table th,.contents .article.map .map_table td {display:block;margin:0 1.5%;padding: .5em 0;border: 0;width:97% !important;}
.contents .article.map .map_ground{width:90%;max-width:90%;margin:0 5%;}
.contents .article .formdata input[type=text]{height:2em;}
.contents .article .formdata textarea{width:100%}
}

@media screen and (min-width: 0px) and (max-width:480px) {
#UD dl.color_change ,#UD dl.textsize_change,
#UD dl.color_change,
.header .page_control ul li a.announce ,
.header .page_control ul li a.language ,
.header .page_control form.search ,
.contents .article .news dt,
.footer div.qr h2,
.footer dl{position:static;width:auto;min-width:0px;max-width:100%;float:none;}

#UD dl.color_change,.header .page_control ul,.header .nav ul{display:none;}
.header .nav .menu_button{display:block;overflow:hidden;width:4em;height:4em;text-align:center;border:1px solid #B2D89C;padding:0;position:absolute;top:10px;right:10px;background:#F9FCF1;}
.header .nav .menu_button:after{content:"MENU";}
.header .page_control{position:relative;}
.header .nav ul li a{background-size:auto 18px;}
#UD dl.textsize_change{width:220px;margin:0 auto;}
#UD{float:none;width:100%;}
.header .page_control{margin-left:0px;}
.contents .article .news dt,
.footer dl{position:relative;}
.contents .emergency{padding:0px;}
.contents .article .news dd,
.contents dl.news dd{padding-left:0px;}
.contents .life ul li{width:48%;}
#TOP .contents .article .list_link a{width:45%;margin:2%;min-height:33px;}
.after .aside ul li{width:50%;}
.footer div.qr{margin:0 auto;float:none;text-align:center;}
.footer div.qr h2{margin-bottom:0px;background-position:center;}
.footer div.qanda { margin: 18px auto; text-align: center; float: none;}
.footer dl{background:transparent;}
.footer dl dd.buttons{position:relative;margin:0 auto;}
.footer ul.banner { font-size: 0px;}
.footer ul.banner li { margn-bottom: 1em; font-size: 13px;}
.footer ul.banner li{width:98%;margin:.2em 1%;}
.footer .reread_link{width:44px;}
.footer .reread_link a{width:auto;background-size:contain;}
.footer .reread_link a:before{right:10px;bottom:100px;width:40px;height:32px;}
.contents .article .overview_table th,.contents .article .overview_table td {display:block;margin:0 1.5%;padding: .5em 0;border: 0;width:97%!important;}
.contents .article .image_box_right,.contents .article .image_box_left{float:none;width:100%;max-width:100%;text-align:center; margin:0;}
.contents .article .image_box_right li,.contents .article .image_box_left li{max-width:100%;}
.contents .article .image_box_right li img,.contents .article .image_box_left li img{max-width:90%;}
.contents .article .image_box li:nth-of-type(3n+1){clear:none;}
.contents .article .image_box li,.contents .article .image_box.fourbox li{width:48%;}
.contents .article .image_box li:nth-of-type(2n+1),.contents .article .image_box.fourbox li:nth-of-type(2n+1){clear:both;}
.header .page_control{margin-top:115px;}
.contents .article .mv_area object,
.contents .article .mv_area embed{width:360px;height:270px;margin:0 auto;}
}
@media screen and (min-width:480px) {html body nav>ul{display:block !important;}}

@media screen and (-ms-high-contrast:active){
* { text-indent: 0em !important;}
}