@media screen and (max-width: 640px) {
body, td, th, p { font-family:sans-serif; }
body { min-width: 480px; padding:0; }
.contents { width:480px; min-width:300px; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.sp { display:block!important;}
.sp_no { display:none !important;}
.hm_sp { display:block;}
.sub { width:100%; height:auto; }


/*--HEAD/--*/
header .seo { display:none }
header .title { display:block; width:65%; height:100px; padding:0 10px; margin:0 auto; }
header .title a { display:block; width:100%; height:100px; padding:0; margin:0; background:url(../img/t_title.png) no-repeat center center; background-size:contain; text-indent:-9999px; }

header .tab { width:190px; float:none; position:absolute; top:0; right:10px; height:45px; padding:0; margin:0; text-indent:0; }
header .tab li { padding:0; margin:0; }
header .tab li a { display:block; height:40px; padding:0; text-indent:0; line-height:40px; text-align:center; color:#fff;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  text-decoration:none; overflow:hidden; }
header .tab01 a { right:81px; width:90px; background:#f19ca4 none; -moz-border-radius:0 0 0 10px; -o-border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px; border-radius:0 0 0 10px; }
header .tab01 a:hover { background:#e97e85; }
header .tab02 a { width:80px; background:#f6ac36 none; -moz-border-radius:0 0 10px 0; -o-border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; border-radius:0 0 10px 0;  }
header .tab02 a:hover { background:#f08b3a; }

.sp_menu { display:block; position:absolute; top:45px; right:10px; width:130px  height:40px }
.sp_menu div { display:block; float:right; width:50px; height:50px; margin-left:5px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  line-height:50px; overflow:hidden; text-indent:-9999px; background:#538dd0 no-repeat center center; }
.sp_menu .b_search {  background-image: url(../img/i_search.png); }
.sp_menu .b_menu { background-image: url(../img/i_menu.png); }
.sp_menu div.active { background-color:#69abf9;}

.hm { margin:0 0 20px 0; }
.home .hm { margin:0 0 20px 0; }
.hm li { position:relative; float:left;}
.hm li span, .hm li a { display:block; background:url(../img/navi_logo.png) no-repeat; outline-style:none; }
.hm .m01, .hm .m02, .hm .m03 { display:none; }
.hm .m04 { left:15px; width:auto;  }
.hm .m05 { left:20px;  }


#slide_main { display:none; }

.sns { display:none; }
.rss { display:none; }
.textsize_box { display:none; }


/*---- サイト内検索/ ----*/
.search_box { display:none; }

/*-- MAIN --*/
article { float:none; width:100%; padding:0; margin:0 auto 20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.l_box { float:none; width:100%; padding:0 10px; margin:0 auto 20px auto; border-bottom:1px dashed #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.home .l_box { display:none; }
.c_box { float:none; width:100%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

aside { float:none; width:100%; padding:0 10px; margin:0 auto 20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
aside .ab_box { display:none; }


.l_box h3, aside h3, .m_kakuka .title, .c_box h2, .fushime_box h2, .kurashi_box h2, .event_box .title { width:auto !important; height:auto; background:#538dd0 !important; text-indent:0!important; color:#fff !important; padding:5px 10px !important; font-size:1.2em; line-height:1.5; text-decoration:none; font-weight:bold;}
.l_box h3:before, aside h3:before, .m_kakuka .title:before, .c_box h2:before, .fushime_box h2:before, .kurashi_box h2:before, .event_box .title:before { content:"● " }

.home .m_soshiki ul, .home .fushime_box ul, .home .kurashi_box ul { margin:0 -5px 20px -5px ; display:none; }
.temp .fushime_box ul, .temp .kurashi_box ul { margin:0 10px 20px 10px; }
.m_soshiki ul li { float:left; width:47%; display:block; margin-left:2%;  }


.info_box { }
.info_box .tab { height:34px;  }
.info_box .tab li { height:34px; }
.info_box .tab li a { height:35px; }
.info_box .panel { background:#fff; padding:5px 15px 0 15px; margin:0 0 20px 0; border:3px solid #397bc9; -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }

.event_box { padding-bottom:10px; border-bottom:1px dashed #ccc; }
.event_box .title span { float:right; font-size:0.75em; line-height:2em;  font-weight:normal; }
.event_box .title span:before { content:"●"; color:#75a3d9; }


  .m_musen, .m_nouzei, .m_ijuteiju, .m_childcare, .m_hop { float:left; border-left:10px solid #fff; }
  .m_hop a{
    display: block;
    width: 220px;
    height: 110px;
    padding-top: 20px;
    box-sizing: border-box;
  }

.m_nouzei a { margin-top:0; }


.aside_b_box { margin:0 -5px 10px -5px; }
.aside_b_box2 div { width:49.5%; float:left; }
.aside_b_box2 a { }

.m_movie {}
.m_movie iframe { width:100%; height:260px; }


.fm { text-align:center; margin-bottom:10px; font-size:0.9em; }
.page_top { position:relative; bottom:auto; right:auto; width:auto; height:40px; }
.page_top a { width:100%; height:40px; background:#f5a100 none; text-indent:0; text-align:center; line-height:40px; color:#fff; }
.page_top a:hover {  background:#e70 none; }


.f_box address { padding:0 10px; line-height:1.5; background:none;}
.f_contact { position:relative; top:auto; right:auto; width:300px; margin:0 auto; background:url(../img/f_mark.png) no-repeat left 5px; }
.f_contact .m_mobile { display:none; }
.f_contact .m_all a { width:240px; }


footer .center_b_box { text-align:center; }
footer .center_b_box a { width:45%; float:left; display:inline; }
footer .center_b_box a img { width:100%; }


/*-- TEMPLATE ------------------------------------------------------------------------------------------*/

.temp .contents img { width:100%; height:auto; }
.temp .contents img.no { width:auto !important; height:auto; }


.temp article { padding:0 10px;}
.navibar { padding:0 0 5px 0; font-size:12px; }

.text_box { }
.index_box { }
.empty { display:none; }


/*---- 画像回り込みセット ----*/
.box_l { width:100%;  margin:0 0 40px 0; }
.box_l .photo { float:none; width:100%; margint:0; display:inline; }
.box_l .photo img { width:96%; margin:0 10px 10px 10px;  padding:0; height:auto; }
.box_l .txt { float:none; width:100%; padding:0; display:inline; overflow:hidden; }

.box_r { width:100%; margin:0 0 40px 0; }
.box_r .photo { float:none; width:100%; margin:0; display:inline; }
.box_r .photo img { width:96%; margin:0 10px 10px 10px;  padding:0; height:auto; }
.box_r .txt { float:none; width:100%; padding:0; display:inline; overflow:hidden; }

/*---- アコーディオン ----*/
.acc .a { padding:0 10px 0 50px ; background:url("../img/i_qa02.png") no-repeat 0 8px;  }


/*---- INDEX ----*/
.index_box { margin:0 0 10px 0; }

article img { max-width:100%; height:auto; }
article img.no { width:auto !important; height:auto; }
article div[style^="margin"] { margin-left:0 !important; }
article p[style^="padding"] { padding-left:0 !important; }
article h5[style^="padding"] { padding-left:0 !important; }

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

.section img { float:none; width:100% !important; height:auto; margin:0; }
.section .text_box { padding:0; }

h3, h4, h5, h6 { margin:0 0 10px 0; }

table { width:100% !important; max-width:100% !important; }
th, td { word-break:break-all !important; word-wrap:break-word !important; padding:8px 4px !important; line-height:1.25 !important; }
th[nowrap] { word-break:break-all !important; word-wrap:break-word !important; }
td[nowrap="true"] {/* white-space:normal; */}
img[align="absmiddle"] { vertical-align:middle; }

.table01 th { white-space:normal !important; min-width:120px; }
.table-chouchou  td:first-child { min-width:140px; } /* 町長の履歴日付が折り返るのを防ぐ */

/*20150918追加*/
.left_img_box, .right_img_box { float:none; margin:0 auto; }
.left_img_box img, .right_img_box img { max-width:100%; }

}