@media screen and (max-width: 768px) {
body { min-width:320px; padding:0; }

.contents { width:100% !important; padding:0 15px; min-width:auto; }
.sp_no { display:none; }
.pc_no { display:block; }


/*-- HEAD/ --*/

.sp_menu { background:#f3c5c5; display:block; width:40px; height:40px; position:absolute; top:0; right:0; z-index:300; cursor:pointer;-moz-transition:ease-out 0.5s; -o-transition:ease-out 0.5s; -webkit-transition:ease-out 0.5s; transition:ease-out 0.5s; }
.sp_menu.on {  }
.sp_menu .menu1 { width:24px; height:4px; background-color:#fff; position:absolute; top:10px; left:8px; } 
.sp_menu .menu2 { width:24px; height:4px; background-color:#fff; position:absolute; top:18px; left:8px; } 
.sp_menu .menu3 { width:24px; height:4px; background-color:#fff; position:absolute; top:26px; left:8px; } 
.sp_menu .menu1,.menu2,.menu3 { transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; }
.sp_menu .menuclick1 { top:18px; left:8px; background-color:#fff; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.sp_menu .menuclick2 { opacity:0; }
.sp_menu .menuclick3 { top:18px; left:8px; background-color:#fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.sp_menu .text { width:100%; color:#fff; font-size:8px; position:absolute; top:4px; text-align:center; }

/*-- HEAD/ --*/
.head_box { padding:0; background:url(../img/bg_head.png) repeat-x center 130px, url(../img/bg01.jpg); position:relative; }
.head_box .seo { position:relative; top:10px; }
.head_box .title { width:280px; margin:20px auto; }
.head_box .t_tel { position:relative; top:0; width:200px; margin:0 auto 10px auto; padding:0; background:none; display:none; }
.head_box .t_qa { position:relative; top:0; left:50%; margin:0 0 0 -105px; display:none; }
.head_box .t_access { position:relative; top:0; left:50%; margin:-80px 0 10px -5px; display:none; }
.head_box .t_qa:hover img, .head_box .t_access:hover img { width:50px; margin:0 auto; }

.sns_box { position:relative; top:0; left:auto; margin:0 auto 15px auto; width:280px; z-index:600; }
.sns_box li { float:left; margin:0 5px 0 0 !important; }
.sns_box li.gp { margin:0 5px 0 0; }


/*--MAIN/--*/
.main_box { background:#000 url(../img/main_sp.jpg) no-repeat top center; height:180px; margin-bottom:40px; }
.main_box .contents { position:relative; }
.main_box .title { top:40px; right:auto; left:0; width:280px; height:100px; }

.temp .main_box { background:#000 url(../img/main_sp.jpg) no-repeat top center; height:180px; margin-bottom:40px;  }
.temp .main_box .title { top:40px; right:auto; left:0; width:280px; height:100px; }

.date_box { position:relative ; top:0; left:auto; margin:0 auto; }


/*--HEAD MENU/--*/
.hm { position:absolute; top:40px; margin:0 0 0 -15px; z-index:700; background:url(../img/bg_pink.jpg); height:auto; display:none;}
.hm ul { display:block; width:100%; margin:0; } 
.hm ul li { width:31%; margin:5px 0 0 1.5%; height:auto; }
.hm ul li a { display:block; padding:2px 2px 10px 2px; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.hm ul li a img { display:block; width:100%; margin:0 0 3px 0; }
.hm ul li a:hover { padding:0 0 8px 0; }
.hm ul li span { font-size:0.8em; }
.hm ul li.hm08, .hm ul li.hm09 { display:inline-block; *display:inline; *zoom:1; }
.hm ul li.hm08 a img, .hm ul li.hm09 a img { }


/*-- ARTICLE/ --*/
.article { float: none; width:100% !important; padding:0; margin:0 0 30px 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; }



/*-- こんなとこ/ --*/
.konna_box { padding:60px 0 40px 0; background:url(../img/bg_konna.jpg) repeat-x top center; }
.konna_box .contents { text-align:center; position:relative; }
.konna_box h2 { margin:0 0 30px 0; }
.konna_box .i_konna01, .konna_box .i_konna01.item03 { position:absolute; top:-50px; left:15px; width:70px;}
.konna_box .tm_konna01 { position:relative; top:0; left:auto; margin:0 auto 5px auto;}
/*.konna_box .tm_konna02 { position:relative; top:0; right:auto; margin:0 auto 5px auto;}
.konna_box .tm_konna03 { position:relative; top:0; left:auto; margin:0 auto 5px auto;}
.konna_box .tm_konna04 { position:relative; top:0; right:auto; margin:0 auto 20px auto;}*/
.konna_box .tm_konna02 { display:block; position:relative; top:0; right:auto; margin:0 auto;}
.konna_box .tm_konna03 { position:relative; top:0; left:auto; margin:-20px auto 5px; vertical-align:top;}
.konna_box .tm_konna04 { position:relative; top:0; right:auto; margin:-20px auto 20px; vertical-align:top;}
.konna_box .map { width:280px; }
.konna_box .text { margin:0 0 10px 0; text-align:left; }
.konna_box .more { margin:0 0 20px 0; color:#555; }
.konna_box .more img { vertical-align:middle; margin:0 10px 0 0; }

.bx-wrapper .bx-pager { display:block; }



/*-- 暮らし/ --*/
.kurashi_box { padding:70px 0 40px 0; height:auto; background:url(../img/bg_kurashi01.jpg) repeat-x top center; }
.kurashi_box h2 img { width:100%; }
.kurashi_box .text { position:relative; top:0; left:auto; width:100%; text-align:center; }
.kurashi_box .tm_sagaso01 { position:relative; top:0; left:auto; width:280px; margin:0 auto 20px auto; }
.kurashi_box .tm_sagaso02 { position:relative; top:0; right:auto; width:180px; margin:0 auto 20px auto; }
.kurashi_box .tm_sagaso03 { position:relative; top:0; right:auto; width:145px; margin:0 auto 20px auto; }
.kurashi_box .tm_sagaso04 { position:relative; top:0; left:auto; width:280px; margin:0 auto 20px auto; }
.kurashi_box .tm_sagaso05 { position:relative; top:0; left:auto; width:238px; margin:0 auto 20px auto; }
.kurashi_box a { padding:0; }



/*-- 家を探そう/ --*/
.sagaso_box ul {  margin:0 0 40px 0; padding:10px !important; list-style:none; letter-spacing:-.4em; overflow:visible;}
.sagaso_box .i_sagaso01 { position:absolute; top:-30px; left:20px; width:40px; }
.sagaso_box .m_kariru, .sagaso_box .m_kau {display:inline-block; *display:inline; *zoom:1; margin:10px;}
.sagaso_box .m_kariru:hover, .sagaso_box .m_kau:hover { filter:alpha(opacity=80); opacity:0.8; }



/*-- おしらせ・facebook/ --*/
.info_fb_box { height:auto; }
/*-- おしらせ/ --*/
.info_box { width:100%; height:auto; }
.info_box dl dt { float:none; }
.info_box dl dd { margin-left:0; }

/*-- facebook/ --*/
.fb_box { width:100% !important; height:auto; margin-left:0; }
.fb_box h3 img { width:100%; }
.facebook, .fb-page span, .fb-page iframe { width:280px !important; overflow:auto; }
.fb-page { width:100% !important; overflow:auto; }

/*--お試し/ --*/
.otameshi_box { padding:70px 0; height:auto; background:url(../img/bg_otameshi02.jpg) no-repeat top center, url(../img/bg_otameshi03.jpg) no-repeat bottom center; }
.otameshi_box ul.house li { display:block; width:90%; max-width:310px; margin:0 auto 30px auto; }


/*-- ガイドツアー --*/
.guide_box a img { width:90%; }

/*-- コンシェル・ダウンロード --*/
.dl_box a img { width:90%; }


/*-- 広告バナーエリア/  --*/
.b_box { text-align:center; display:block; width:100%; margin:0 auto 40px 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; }
.b_box li { width:100%; height:auto; margin:0 auto 10px auto; }
.b_box li a:hover { filter:alpha(opacity=80); opacity:0.8; }


/*-- SIDE --*/
.side { float:none; margin:0 auto 40px auto; display:none; }


.fm a { padding:0 10px; }
.fm strong a { padding:0 20px; }
.foot .contents {padding:20px 15px; }
.foot .mm { float:none; width:100%;}
.foot .mm:before { content:url("../img/f_mm_sp.png");  margin:0 10px 0 -10px; }
.foot .address { font-size:0.9em;  }


.bx-wrapper .bx-prev, .bx-wrapper .bx-next { display:none !important; }

.search_box  { display:none; }
.tab_box { display:none; }



/*--TEMPLATE--*/
.temp .header { }
.temp .article img { width:100%; height:auto; }

.side { float:none; margin:0 auto;}


.navibar { font-size:12px; padding:15px 15px 0 15px ; }
.bg_head { width:100%;}

hr { margin:1em 0;}

.index_box { }
.index_box .icon img { max-width:80px; }


/*-- リストデザイン --*/
.list li { width:48%; margin:0.5%;}
.list li a { display:block; font-size:0.9em; padding:6px 6px 6px 30px; border:1px solid #bbb; background:url('../img/i_link.png') no-repeat 14px center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
.list li a:hover { padding:4px 4px 4px 28px; border:3px double #bbb; }



/*-- 画像回り込みセット --*/
.box_l { width:100%; }
.box_l .photo { width:100%; max-width:100% !important; height:auto; margin:0 0 0.5em 0; }
.box_l .txt { float:none; width:100%; padding:0; }

.box_r { width:100%; margin:0 0 40px 0; }
.box_r .photo { width:100%; max-width:100% !important; margin:0 0 0.5em 0;  }
.box_r .photo img { width:96%; margin:0 1.5% 10px 1.5%; padding:0; height:auto; }
.box_r .txt { float:none; width:100%; padding:0;  }


/*2列ボックス*/
.LR_box { width:100% !important;  }
.LR_box:nth-child(2n) { padding:0 0 1em 0 ; }
.LR_box:nth-child(2n+1) { padding:0 0 1em 0; }

/*3列ボックス*/
.LCR_box { float:none !important; width:50% !important; margin:0; padding:0 0 1.2em 0; }


/*ページ内リンク*/
ul.page_link li { float:none !important; width:100% !important; }


/*-- INDEX --*/
h1, h2 {font-size:1.4em; margin:0px; line-height:1.5; }
h3, h4, h5, h6, h7 {font-size:1.2em; margin:0px; line-height:1.5; }
h1 { font-size:1.6em !important; }
h2 { margin:0 0 10px 0; font-size:1.6em !important; }
h3 { margin:0 0 10px 0; font-size:1.4em !important; }
h4 { margin:0 0 10px 0; font-size:1.2em !important; }
h5 { font-size:1.0em !important; }

h4.attachfile img { width:auto !important; height:auto; }

table { width:100% !important; min-width:200px; }
tr { }
tbody th { white-space:normal !important; }
.table02 th { text-align:center !important; display:inline-block; width:100% !important; float:left; word-break:break-all !important; word-wrap:break-word !important; padding:5px 2%; line-height:1.5 !important; margin-bottom:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.table02 td { display: inline-block; width:96%; float:left; word-break:break-all !important; word-wrap:break-word !important; padding:2% !important; line-height:1.5 !important; margin-bottom:-1px; }


th[nowrap] { word-break:break-all !important; word-wrap:break-word !important; }
td[nowrap="true"] {/* white-space:normal; */}
img[align="absmiddle"] { vertical-align:middle; }
th img, td img { width:100%; height:auto; }
th img.no, td img.no { width:auto !important; height:auto; }

.tbl02 { border:none; }

/*幅の広いテーブルにスクロール表示　事前にtableにclass="tbl_w"をつけておく*/
.scroll{ overflow:auto; white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/ margin-bottom:20px;}
.scroll::-webkit-scrollbar{ height:10px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track{ background:#e1d7be; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb { background:#c5ac8c;/*tableにスクロールバーを追加*/}
.scroll table { margin-bottom:5px !important; }


/*各課情報表示*/
.kakuka_box .tel { float:none; width:100%; margin-bottom:1em; }
.kakuka_box .work { float:none; width:100%; }

/*町民の方へ*/
.list_box { width:100%; margin:0 0 1% 0; }


/*img*/
#conts img.width_sp_ls { display:block; float:none; width:auto;
margin-left:auto; margin-right:auto; }
#conts img.width_sp_ls.left_align_img, #conts
img.width_sp_ls.right_align_img { margin-bottom:10px; }
}

@media screen and (max-width : 478px){
/*img*/
#conts img.width_sp { float:none; width:auto; max-width:100%;
display:block; margin-left:auto; margin-right:auto; }
#conts img.width_sp.left_align_img, #conts img.width_sp.right_align_img
{ margin-bottom:10px; }

.konna_box .tm_konna03, .konna_box .tm_konna04 { margin-top:0;}

}