@media screen and (max-width: 480px) {

/*▼ALL▼*/
html, body { min-width:300px;}
.all { width:100%; }
.contents { width:300px; margin:0px auto; padding:0px; }

.pl15, .pl20 { padding-left:0px; }
.ml110 { margin-left:0px; }


/*▼ヘッダ▼*/
.h_seo { background:#fff; border-bottom:1px solid #ccc; display:none; }
.h_seo .box { width:auto; }
.h_seo p { display:none; float:none; width:auto; }


/*▼タイトル▼*/
#t_title { float:none; padding:0; margin:0px auto; width:300px; height:60px; text-indent:-9999px; }
#t_title a { display:block; background:url(../image/navi_logo_sp.png) no-repeat 0px 0px; width:300px; height:60px; text-decoration:none; outline-style:none; }
#t_right { display:none;}

/*▼プルダウン▼*/
/*---- HEADER MENU ----*/
#pulldown { display:none; }
.hm2 { display:block; width:100%; height:auto; position:relative; background:none; margin:0px; padding:0px; text-align:left; z-index:5; font-size:14px; }
.hm2 li { float: left; width:50%; height:auto; list-style-type:none; margin:0px; padding:0px; text-indent:-9999px; background:none; }
.hm2 a { display:block; height:auto; color:#fff; background:#003894 url(../image/i_hm.png) no-repeat 5px center !important; position:relative; padding:6px 5px 6px 25px; border-left:1px solid #7490c7; border-bottom:1px solid #7490c7; font-weight:bold; text-decoration:none; outline-style:none; vertical-align:bottom; text-indent:0px; }
.hm2 li ol { margin:0px ; width:100%; padding:0px;}
.hm2 li ol li { list-style:none; margin:0px; width:90%;}
.hm2 li ol li a { color:#fff; width:100%; background:#001874; padding:2px 5px;  }
.hm2 li li a:visited { color:#fff; text-decoration:none; }
.hm2 li a:hover { color:#003894; background:#fc0 url(../image/i_hm.png) no-repeat 5px center !important; text-decoration:underline; }
.hm2 li li span { width:100%; }

.hm_sp { display:block; margin-bottom:10px; position:relative; color:#fff; padding:5px; background:#cfd9eb; }
.hm_sp a { color:#fff; text-decoration:none; }
.hm_sp .photo_sp { float:right; display:block; padding:5px 10px 5px 30px; margin:0px 0px 0px 5px; background:#003894 url(../image/i_photo.png) no-repeat left center; width:auto; }
.hm_sp .search_sp { float:right; display:block; padding:5px 10px 5px 30px; margin:0px 0px 0px 5px; background:#003894 url(../image/i_search.png) no-repeat left center; width:auto; }
.hm_sp .side_sp { float:right; top:-50px; display:block; padding:5px 10px 5px 30px; margin:0px 0px 0px 5px; background:#003894 url(../image/i_menu.png) no-repeat left center; width:auto; }
.hm_sp .search_sp:hover, .hm_sp .search_sp:active,
.hm_sp .side_sp:hover, .hm_sp .side_sp:active, 
.hm_sp .photo_sp:hover, .hm_sp .photo_sp:active { background-color:#f80; }

#hm_box { border:none; height:auto; }

/*▼更新日▼*/
#h_update { display:none; }
/*▼検索▼*/
#search_box { display:none; float:none; width:300px; height:20px; margin:0px 0px 20px 0px ; }
#search_box #sitesearch { display:block; width:300px; height:20px; margin:0px; padding:0px; position:relative; }
#search_box #sitesearch #search_form { display:block; width:200px; height:20px; margin:0px; padding:3px 5px; background:none; position:absolute; top:0px; left:0px; border:1px solid #003894; line-height:1.5; color:#666; vertical-align:middle; }
#search_box #sitesearch #search_btn2 { display:block; background:#003894 url(../image/i_search.png) no-repeat center center; width:100px; height:20px; position:absolute; top:0px; left:200px; border:0px; text-indent:-9999px; }
#search_box #sitesearch #search_btn2:hover  { background:#f70 url(../image/i_search.png) no-repeat center center; }

.search_box { display:none; float:none; width:300px; height:30px; padding:0px; margin:0px 0px 10px 0px ; vertical-align:middle; }
.search_box .sitesearch { display:block; width:300px; height:30px; margin:0px; padding:0px; position:relative; }
.search_box .sitesearch .search_form { display:block; width:270px; height:30px; margin:0px; padding:3px 5px; background:none; position:absolute; top:0px; left:0px; border:1px solid #003894; font-size:14px; line-height:1.5; color:#666; vertical-align:middle; }
.search_box .sitesearch .search_btn { display:block; background:#003894 url(../image/i_search.png) no-repeat center center; width:30px; height:30px; position:absolute; top:0px; left:270px; border:0px; text-indent:-9999px; }
.search_box .sitesearch .search_btn:hover  { background:#f70 url(../image/i_search.png) no-repeat center center; }


/*▼文字サイズ▼*/
#textsize_box { display:none; }

/*▼左コンテンツ▼*/
#left_box { float:left; width:300px; margin-bottom:10px; }
.w220, .w340, .w460, .w580 { width:300px; }

/*▼まちの話題▼*/
#t_photo { width:300px;}
#t_photo .photo img { width:300px !important; height:auto !important; }
#t_photo .photo canvas { width:300px; height:auto; }
/*▼新着情報▼*/
.t_news a { width:300px; height:40px; background:url(../image/navi_logo_sp.png) no-repeat 0px -330px; }
#t_news .list { width:300px; }
#t_news .list dd { width:280px; /width:260px; }
/*▼役場からのお知らせ▼*/
.t_info a { width:300px; height:40px; background:url(../image/navi_logo_sp.png) no-repeat 0px -450px; }
#t_info .list { width:300px;  }
#t_info .list dd { width:280px; /width:260px; }
/*▼イベント▼*/
.t_event a { width:300px; height:40px; background:url(../image/navi_logo_sp.png) no-repeat 0px -500px; }
#t_event .list { width:300px; }
#t_event .list dd { width:280px; /width:260px; }
/*▼ライフステージ・人生の節目▼*/
.t_life a { width:300px; height:65px; background:url(../image/navi_logo_sp.png) no-repeat 0px -380px; }
#t_life { padding:0px 0px 0px 20px ; margin:0px 0px 10px 0px; margin-left:2px; }
#t_life li { margin:0px 0px 6px 0px ; }

/*▼広報▼*/
.t_kouhou { width:300px; height:40px; background:url(../image/navi_logo_sp.png) no-repeat -300px -330px; }
/*▼人の動き▼*/
.t_people { width:300px; height:40px; background:url(../image/navi_logo_sp.png) no-repeat -300px -380px; }
/*▼行政情報▼*/
.t_gyosei { width:300px; height:40px; background:url(../image/navi_logo_sp.png) no-repeat -300px -430px; }


/*▼右メニュー▼*/
#right_box { float:none; width:100%; margin:-10px 0px 20px 0px ; padding:10px 0px 0px 0px; display:block; display:none; background:#e6ebf5; border-bottom:2px solid #003894; }
/*▼右メニュー01▼*/
#rm01 { height:115px; border-bottom:2px dotted #003894; }
#rm01 li a { width:146px; }
#rm_chocho { background:url(../image/navi_logo_sp.png) no-repeat 0px -60px; }
#rm_cho { background:url(../image/navi_logo_sp.png) no-repeat -150px -60px; }
#rm_byoin { background:url(../image/navi_logo_sp.png) no-repeat 0px -110px; }
#rm_tobani { background:url(../image/navi_logo_sp.png) no-repeat -150px -110px; }
#rm_chocho:hover { background:url(../image/navi_logo_sp.png) no-repeat -300px -60px; }
#rm_cho:hover { background:url(../image/navi_logo_sp.png) no-repeat -450px -60px; }
#rm_byoin:hover { background:url(../image/navi_logo_sp.png) no-repeat -300px -110px; }
#rm_tobani:hover { background:url(../image/navi_logo_sp.png) no-repeat -450px -110px; }
/*▼右メニュー02▼*/
#rm02 { padding:0; margin:0px 0px 10px 0px; list-style-type:none; height:95px; border-bottom:2px dotted #003894; }
#rm02 li a { width:146px; }
#rm_saigai { background:url(../image/navi_logo_sp.png) no-repeat 0px -160px; }
#rm_kakuka { background:url(../image/navi_logo_sp.png) no-repeat -150px -160px; }
#rm_shisetsu { background:url(../image/navi_logo_sp.png) no-repeat 0px -200px; }
#rm_link { background:url(../image/navi_logo_sp.png) no-repeat -150px -200px; }
#rm_tosho { background:url(../image/navi_logo_sp.png) no-repeat 0px -320px; }
#rm_saigai:hover { background:url(../image/navi_logo_sp.png) no-repeat -300px -160px; }
#rm_kakuka:hover { background:url(../image/navi_logo_sp.png) no-repeat -450px -160px; }
#rm_shisetsu:hover { background:url(../image/navi_logo_sp.png) no-repeat -300px -200px; }
#rm_link:hover { background:url(../image/navi_logo_sp.png) no-repeat -450px -200px; }
#rm_tosho:hover { background:url(../image/navi_logo_sp.png) no-repeat right -300px; }

/*▼バナー01・02・03▼*/
#rm_b01 { height:85px;}
#rm_b02 { width:220px; margin:0px auto 10px auto; text-align:center; }
#rm_b03 { text-align:center; margin-bottom:20px; }
#rm_b03 .bk { float:none; width:9em; margin:auto; }
.b_furusato { float:left; width:146px; height:80px; background:url(../image/navi_logo_sp.png) no-repeat 0px -240px; text-indent:-9999px; text-decoration:none; outline:none;  }
.b_stay { float:left; width:146px; height:80px; background:url(../image/navi_logo_sp.png) no-repeat -150px -240px; text-indent:-9999px; text-decoration:none; outline:none;  }

/*▼フッタバナースペース▼*/
#f_b01 { text-align:center;}
/*▼フッタ▼*/
.pdf_box { display:none; }

/*#fm_box { margin-bottom:10px; padding:5px 0px; background:#003894; }
.fm { float:none; width:100%; border-bottom:1px solid #ccc; margin-right:-1px; }
.fm:after { content: ''; margin-right: 1px; float: right; }*/
.fm li { width:100% !important; border:none; padding:0px; }
.fm li a { display:block; color:#fff !important; width:100%; padding:3px 0px 3px 20px; background:url(../image/i_white.png) no-repeat 2px center; }
.fm li a:hover { color:#fc0 !important; }
#f_box { padding:0px; margin-bottom:20px; }
#f_address { float:none; padding:10px 0px;  background:none; }
/*#fm_top { position:absolute; top:-20px; right:10px;  width:60px; height:60px; padding:0px;  border-left:0px solid #ccc; border-right:0px solid #ccc; }
#fm_top a { display:block; width:60px; height:60px; background:url(../image/navi_logo_sp.png) no-repeat -540px 0px; text-indent:-9999px; text-decoration:none; outline:none; }
#fm_top a:hover { filter:alpha(opacity=80); opacity:0.80;}*/

/*▼ケータイ▼*/
#f_mobile { display:none; }



/*▼詳細▼------------------------------------------------------------------------------------------*/
#hm_home { display:none; }

/*▼CONTENTS_LEFT▼*/
.navibar { padding:0px 0px 10px 0px; }
.title_box01 { background:#003894;  -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; behavior:url(../js/PIE.htc);}
.title_box02 { background:none; }

.text_box img { max-width:100%; height:auto; }
.left_img img { float:none; margin:0px; padding:0px; margin-bottom:1em; margin-right:0px; max-width:100%; height:auto; }

table { width:100% !important; max-width:100% !important; }
th, td { word-break:break-all !important; }
th[nowrap="true"], td[nowrap="true"] { white-space:normal !important; }



/*▼緊急情報▼*/
.kinkyu h3 { float:none; width:100px; height:40px; background-size:100% auto; }
.kinkyu .text { margin:0; }

}