@charset "utf-8";

@media only screen and (max-width:599px)  {
.bx-wrapper .bx-pager,
.bx-default-pager,
.bx-controls-auto{
display:none;
}
	#global_function .block_function .btn_font-change{
		display:none;
	}	
	.container {
		width: auto;
	}
	.box-half{
		width:auto;
	}
	.fade-box{
		position:static;
		background:rgba(255,255,255,0.8);
		background: #fff\9;
		border-radius:0;
		left:0;
		width:auto;
		padding:0;
		margin:10px 0;
		z-index:100;
	}
    .footer_block {
      background-size: 100%;
      padding: 15px 0 80px;
	}
	.slide_all {width: auto;}
	.slide_wrap {width: auto; left: 0; margin-left: 0;}
	.slide {width: auto;}
	.bx-controls {margin-left:0;width: auto; }
	#slideFilterL,
	#slideFilterR{display:none;}
	.bx-wrapper .bx-pager{ display:none;}
	.ul_topbtn li{
		margin:0;
		padding:0;
		display:table-cell;
		vertical-align:top;
		line-height:1.2;
		text-align:center;
		width:25%;
	}
	.ul_topbtn{
		display:table;
		width:100%;
	}
	.btn_topbtn{
		border-style:solid;
		border-width:2px;
		border-radius:0em;
		font-size:1em;
		padding:3em 0 0;
	}

	.btn_disaster span,
	.btn_medical span,
	.btn_public span{
		background-position: center 0px;
		background-size:34px 34px;
		padding:0 0em;
	}
	.ul_topbtn li a span{
		display:block;
		padding-top:40px;
		padding-bottom:0.3em;
	}
	.ul_topbtn li a{
		display:block;
		padding:0.5em 5px;
	}
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next {
		display:none;
	}
	#iju_cotents .box-half{
		width:100%;
	}
	#body--kurashi-index .box-half iframe{
		width:350px;
		overflow:scroll;
	}
	.float-left,
	.float-right{
		float: none;
		padding:0 15px 20px;
	}
	.block_function .table_cell,
	#iju_cotents .table_box,
	#iju_cotents .table_box .table_cell{
		display: block;
	}
	#iju_cotents .table_box .table_cell,
	#iju_cotents .table_cell{
		width:100%;
		box-sizing: border-box;
	}
	#iju_cotents .menu_iju_top{
		display:flex;
		flex-wrap:wrap;
	}
	#iju_cotents .menu_iju_top .table_cell{
		width:50%;
	}
	#iju_cotents .table_cell img{
		width:100%;
		margin-bottom:0.5em;
		height:auto;
	}
	#iju_cotents .box_full .box-half{
		width:auto;
	}
	#iju_cotents .tb_lay div{
		padding-top:20px;
	}
	#global_function #search {
		float: none;
	}
	#header-block .global_header .sub_navigation {
		position: static;
		text-align:center;
		right: 0px;
		top: 0;
	}
	#header-block .global_header .sub_navigation li {
		float: none;
		display:inline-block;
	}
	#header-block .global_header .global_navigation li{
		margin: 0;
		padding: 0;
		text-indent: 0;
		width:50%;
	}
	#header-block .global_header .global_navigation li a,
	.pagelayout #header-block .global_header .global_navigation li a {
		display: block;
		text-align:center;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0.8em 0;
		background:none;
		border:1px solid #D9D9D9;
	}
    #main .body .table_wrap {overflow-x: scroll;}
    #main .body table { min-width:450px;}
	#header-block .global_header .global_navigation li:first-child a,
	#header-block .global_header .global_navigation li:nth-child(1){
		width:100%; display:none;
	}
	.article-pages{
		padding:0;
	}
	.pagelayout .cotents_cell{
		display:block;
		vertical-align:top;
	}
	.pagelayout #main{
		padding:0.5em 15px 20px;
		width:auto;
	}
	.pagelayout #side{
		width:auto;
		padding:0.5em 15px 0;
	}
	.ul_life_btn li{
		display:inline-block;
		margin-left:0;
		margin-bottom:5px;
		float:none;
	}
	.recommended_block{
		text-align:center;
	}	
	.recommended_block .bnr_box{
		float:none;
		display:inline-block;
	}
	.recommended_block div{
		padding:0.3em 0;
	}
	.recommended_block li {
		margin:0 0 15px 0px;
		padding:0;
		display:inline-block;
		float:none;
	}
	.footer_block .table_box,
	.footer_block .table_cell {
		display: block;
	}
	.footer_h4{
		background:#0e60a5;
		color:#fff;
		padding:0.5em;
		text-align:center;
		margin:0.5em 0;
	}
	.footer_h4 a{
		background:#0e60a5;
		color:#fff;

	}
	.footer_block .table_cell li{
		display:inline-block;
	}
	.footer_block .col-footer-4 {
		width: auto;
		border-right: none;
	}
	.footer_block .col-footer-5 {
		width: auto;
		border-right: none;
	}
	.footer_block .footer_logo {
		width: auto;
	}
	.footer_block .footer_logo dt {
		float: none;
		margin:0 auto;
	}
	.footer_block .footer_logo dd {
		padding: 0.5em 0 0;
		text-align:center;
	}
	.bnr_footer {
		text-align:center;
	}
	.bnr_footer li {
		float: none;
		display:inline-block;
		margin: 0 0 10px;

	}
	.bnr_footer li:first-child {
		float: none;
		margin: 0 0 10px;
	}
	.cms-tabs{
		width:100%;
	}
	.cms-tabs .names{

	}
	.cms-tabs .names a{
		width:100%;
		display:block;
	}
	.category-nodes{
		padding-right:15px;
	}
	.pagelayout #recent-oshirase .title_h2{
		margin: 0.8em 0 0.8em 0px;
	}
	.two_rows > article{
		width:100%;
		margin:20px 0 0 0;
	}
	.two_rows > .list_block{
		width:100%;
		margin:20px 0 0 0;
	}
	#main .body{
		padding:0;
	}
	#main .body h2{
		margin: 1.2em 0 0.8em 0;
	}
	#global_function #search {
		float: none;
		margin: 0 0 0 15px;
		padding: 0;
		vertical-align:middle;
	}
	#global_function .position-right {
		position: static;
		float: none;
	}
	#global_function .table_box {
		display: block;
		padding: 0;
		margin: 0;
	}
	#global_function .table_cell {
		display: block;
	}
	#main .body img {
		width: 100%;
		height: auto;
	}
	.box-facebook{
		width:auto;
		overflow:scroll;
	}
	#global_function #search {
		float:none;
		margin:0 auto;
		width:220px;
	}
	#global_function .translate_elements{
		clear:both;
		position:static;
		margin:0 auto;

	}
	#global_function #google_translate_element{
		position:static;
		padding:10px 0 0;
	}
	#global_function .table_box,
	#global_function .table_box .table_cell{
		display:block;
	}
	.table_box,
	.body .table_box,
	.body .table_box .table_cell{
		display:block;
	}
	#mapList {
		margin:0 0 20px;
		height:200px;
		width:auto;
	}
	#map_canvas{
		width:auto;
		height:400px;
	}
	.crumbs{
		padding-left:15px;
		padding-right:15px;
	}
}
@media only screen and (max-width:500px) {
	.title-life-search {
		background: url(../img/kurashi/ico_search.svg) no-repeat 0 0em;
		padding-left: 0;
		text-indent:35px;
		font-size:1.3em;
		margin-bottom:10px;
		min-height:40px;
		background-size:30px 30px;
	}
	.title-life-search span{
		display:block;
		float:none;
		margin:0.5em 0 0;
		padding:0.8em 0;
		text-align:center;
	}
    .to_top a{
		background-size:contain;
		width:60px;
		height:60px;
	}
    .to_top{
        right:15px;
        bottom:15px;
	}
}
@media only screen and (max-width:560px) {
	.recommended_block li {
		width:100%;
	}
	.bnr_furusato a{
		padding:52% 0 0;
	}
	.bnr_shimizusaba a{
		padding:52% 0 0;
	}
	.bnr_jhonman a{
		padding:52% 0 0;
	}
	.bnr_download a{
		padding:52% 0 0;
	}
	.ul_life_btn li{
		width:45%;
	}
	.ul_life_btn{
		padding:0;
	}
	.recommended_block .bnr_box{
		margin:0 0 20px 0px;
		padding:0;
		width:100%;
	}
}