@charset "UTF-8";

/*区役所タブレット（?998px）スタイル*/
@media screen and (max-width:998px){
	/*▼▼▼▼▼▼▼▼区サイト総合▼▼▼▼▼▼▼▼*/
/*▼▼▼▼ヘッダ▼▼▼▼*/
#header{
	position:relative;	
}
.head_skip {
	display: none;
}
/*▼▼トップリンクエリア▼▼*/
#header_fullblock01 {
	display: none;
}

/*▼▼サイトID▼▼*/
#header_in h1,#header_in .h1{
	margin:0 0 0 16px;
}

/*▼▼header_in▼▼*/
#header_in .header_block01{
	margin:16px auto;
    float: none;
	text-align: left;
}
#header_in .header_block02{
	margin: 0 auto;
    float: none;
	text-align: left;
}
#header_in .header_block03{
	margin: 0;
	padding: 0;
    float: none;
	text-align: left;
}
#header_in .header_block03 .h_box03{
	margin: 0;
	margin-top:16px;
	padding: 0;
}
#header_in #lang_select {
	display:none;
}
#header_in #ruby_read{
	display:none;
}
#header_in #bg_color{
	display:none;
}
#header_in #font{
	display:none;
}
/*▼▼サイト内検索▼▼*/
#header_fullblock02 .search_box{
	margin:0;
	padding:16px;
	float:none;
	text-align:center;
}
#header_fullblock02 .search_box form{
	margin:0;	
}
#header_fullblock02 .search_box .q{
	margin-bottom:0;
	width:131px !important;
	height:48px !important;
	background-color:#fff;
	color:#222;
	display:inline-block;
	border-radius:0;
}
.search_box .search_button{
	padding:13px 16px 14px 32px;
	display:inline-block;
	color:#333;
}
#search_type01 .search_box {
	display: none;
	padding: 8px 0;
	background: #e0e0e0;
	text-align: center;
}
#search_type01 .search_box .q {
	width: 50% !important;
    padding: 5px 6px 5px;
}
#search_type01 .search_box .search_button {
    padding: 8px 8px 8px 32px;
}
#search_type01 .ac_type01 {
	display: block;
	position:absolute;
	right:80px;
	top:16px;
}
#search_type01 .ac_type01 img {
	height:48px;
}
#header_in #search_type01 .q{
	width:59% !important;	
}
/*▼▼グローバルナビ▼▼*/
#header_fullblock02 .search_box{
	display: block;
}
#header_fullblock02 #header_navi .header_cat_sp {
	display: block;
}
#header_fullblock02 #header_navi .header_navi_list > ul{
	display:none!important;
}
/*▼▼その他リスト▼▼*/
#header_fullblock02 #header_navi .header_oth_sp > ul,
#header_fullblock02 #header_navi .header_cat_sp > ul{
	display:block!important;
}
/*▼▼メニューボタン▼▼*/

#menu_button{
	margin:0;
	display:block;
	position:absolute;
	right:16px;
	top:16px;
}
#menu_button a{
	padding:4px;
	width:48px;
	height:48px;
	display:inline-block;
	text-align:center;
	background:	#008260;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #064b39), color-stop(0.00, #008260));
	background: -webkit-linear-gradient(top, #008260 0%, #064b39 88%);
	background: -moz-linear-gradient(top, #008260 0%, #064b39 88%);
	background: -o-linear-gradient(top, #008260 0%, #064b39 88%);
	background: -ms-linear-gradient(top, #008260 0%, #064b39 88%);
	background: linear-gradient(to bottom, #008260 0%, #064b39 88%);
	box-shadow:none;
	font-size:11px;
}
#menu_button a span{
}
#menu_button a .icon_ham{
	height:24px;	
}
#menu_button a .menu_text{
	vertical-align:bottom;
	line-height:1.4em;
	letter-spacing:-0.1em;
}
#menu_button a .icon_ham::before{
	width:32px;
	height:3px;
	left:5px;
	background:#fff;
	box-shadow:0 6px #fff, 0 12px #fff;
	-webkit-box-shadow:0 6px #fff, 0 12px #fff;
	-moz-box-shadow:0 6px #fff, 0 12px #fff;
}
/*▲▲▲▲ヘッダ▲▲▲▲*/
/*▼▼▼▼メイン▼▼▼▼*/
/*▼▼領域共通▼▼*/
#zone01{
	width: auto;
}
#zone02{
	width: auto;
}
#zone03{
	width: auto;
}
#zone04{
	width: auto;
}
/*▲▲領域共通▲▲*/

/*スライドショー*/
#vis .bx-viewport {
	width:100%!important;
	height: auto!important;
}

/*▼▼コンテンツエリアのサイト内検索▼▼*/
/*サイト内検索*/
#search_type02 .search_box .q {
	width: 42% !important;
}
#search_type02 .search_box .search_button {
    padding: 8px 8px 8px 32px;
}
/*▲▲コンテンツエリアのサイト内検索▲▲*/
/*▼▼タブメニュー▼▼*/
/*タブ8つ*/
.tabbox .clm8 > ul > li > a{
	margin: 0 4px 8px 0;
	border-radius: 6px;
}
/*▲▲タブメニュー▲▲*/

/*▼▼▼▼フリーHTML（SNS）▼▼▼▼*/
.sns_wrap{
	margin-right: 16px;
	margin-left: 16px;
}
.sns_wrap .sns_box{
	margin: 0;
	width: 49%;
}
.sns_wrap .sns_box:first-child{
	margin-right: 2%;
}
.sns_box{
	margin: 0 16px;
}
/*▲▲▲▲フリーHTML（SNS）▲▲▲▲*/

/*▲▲▲▲メイン▲▲▲▲*/
/*▼▼▼▼フッタ▼▼▼▼*/
#footer .footer_fullblock02{
	margin:0px 16px;
}
#footer_link{
	margin-bottom:0;	
}
#footer #footer_link ul li{
	margin-left:16px;
	margin-right:16px;
	margin-bottom:16px;	
}
#footer .footer_lower .side li,
#footer .footer_lower .side li h3{
	margin-left:0;	
}
#footer_address h2{
	margin-left:0;
}
/*▲▲▲▲フッタ▲▲▲▲*/
/*▲▲▲▲▲▲▲▲区サイト総合▲▲▲▲▲▲▲▲*/


/*▼▼▼▼▼下層ページのスタイル▼▼▼▼▼*/
.ku_sub #main {
    margin-top: 24px;
}
#main_naka #page_left_box {
	background-color: #fff;
    margin: 0 16px 24px 16px;
}
#sub_h1_wrap {
    margin-left: 0;
    margin-right: 0;
}
.ku_sub #main .left_wrap_lower {
    background: #fff;
    padding: 16px 0 0.1px 0;
}
/*▲▲▲▲▲下層ページのスタイル▲▲▲▲▲*/
}

/*区役所スマートフォン（?480px）スタイル*/
@media screen and (max-width:480px){
/*▼▼▼▼▼▼▼▼区サイト総合▼▼▼▼▼▼▼▼*/
/*▼▼▼▼ヘッダ▼▼▼▼*/
#header_in .header_block01{
	margin-bottom:32px;	
}
/*▼▼サイトID▼▼*/
#header_in h1 img{
	width:170px;	
}
/*▼▼サイト内検索▼▼*/
#header_in #search_type01 .q{
	width:52% !important;	
}
#search_type01 .search_box .search_button{
	height:37px;	
}
/*▲▲ヘッダ▲▲*/

/*▼▼フリーHTML（SNS）▼▼*/
.sns_wrap .sns_box{
	margin: 0;
	width: 100%;
}

/*▼▼コンテンツエリア▼▼*/
/*▲▲コンテンツエリア▲▲*/

/*▼▼フッタ▼▼*/
/*▲▲フッタ▲▲*/
/*▲▲▲▲▲区サイト総合▲▲▲▲▲*/
}