@charset "UTF-8";
/* CSS Document */

body{
	background-image: none;
}

/*##########
ヘッダー
##########*/

#header .inner{
	padding: 10px 10px 0;
}

#header #headright #lang{
	display: none;
}

#header .gsc-input .gsc-input-box{
	width: 100px;
}

#mainmenuwrap{
	padding: 10px 0;
	letter-spacing: 0;
}

#header .inner .logo{
	display: flex;
	align-items: center;
	width: 150px;
}

#header .inner .logo img{
	width: 100%;
	height: auto;
}

#headright .sougou{
	display: none;
}

/*##########
トップコンテンツ
##########*/

/* 20230928お知らせ改修 */
.news_flex .other_news{
	flex-direction: column;
}

.news_flex .other_news h3{
}

.news_flex .other_news h3 a{
	width: inherit;
}

/*##########
メインメニュー
##########*/

ol#mainmenu li{
	width: calc(100% / 2);
	font-size: 100%;
}

ol#mainmenu li a{
	padding: 10px 0;
}

ol#mainmenu li:nth-child(4) a:before{
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: 1px;
	background-color: #CCC;
	position: absolute;
	bottom: 0;
	left: 10px;
}

ol#mainmenu li:nth-child(3) a:after{
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 20px);
	background-color: #CCC;
	position: absolute;
	top: 10px;
	right: 0;
}

ol#mainmenu li:nth-child(2) a:after,
ol#mainmenu li:nth-child(4) a:after{
	display: none;
}

/*##########
トップコンテンツ
##########*/
/* コロナ枠 */
#covid19_box .covid19_banner ul{
	flex-direction: column;
	align-items: center;
}

/* スライド */
#sliderwrap .slick-dots{
	left: 0;
	width: calc(100% - 50px);
}

.control{
	right: 0;
}


/* お知らせ */
#pickup .news{
}

#pickup .news .news_tit{
	flex-direction: column;
	margin-bottom: 20px;
}

#pickup .news .news_tit h2{
	width: 100%;
}

#pickup .news .news_tit .other_news{
	margin-top: 10px;
}

#pickup .news .news_tit .other_news h3{
	margin: 5px;
	font-size: 100%;
}

#pickup .news .news_list table tr td{
	display: block;
}

#pickup .news .news_list table tr td:first-child{
	border-bottom: 0;
	padding-bottom: 0;
}

#pickup .news .news_list table tr td:last-child{
	padding-top: 0;
}


/* 検索ヒント */
#search_info .inner .search_hint ul li{
	width: 100%;
	max-width: none;
}


/* 緊急時に備えて */
#navi_menu .emegency_navi ul li{
	width: calc(100% / 1 - 14px);
	min-height: inherit;
}

#navi_menu .emegency_navi ul li a{
	padding: 8px;
	height: inherit;
	width: calc(100% - 16px);
}

#navi_menu .emegency_navi ul li a br{
	display: none;
}

/* 暮らしのメニュー */

#navi_menu .kurashi_navi ul li{
	width: calc(100% / 2 - 14px);
}

/***** ピックアップ枠 *****/
/* PR系 */
#pickup .pr{
	padding: 40px 0;
}

/**** 広報誌・SNS *****/
#top_box_01 .inner .koho{
	margin: 0;
	padding: 40px 20px;
}

#top_box_01 .inner .koho .koho_box{
	flex-direction: column;
}

#top_box_01 .inner .koho .koho_box .koho_hirosaki{
	text-align: center;
}

#top_box_01 .inner .koho .koho_box .sns_list ul{
	margin: 20px 0;
}

/***** 市政枠 *****/
#top_box_02{
	padding: 0 20px 60px;
}

#top_box_02 .inner{
	flex-direction: column;
	align-items: center;
}

#top_box_02 .inner .gyosei{
	margin: 0 0 40px;
	width: calc(100% - 80px);
}

#top_box_02 .inner .people{
	width: calc(100% - 80px);
}

/*##########
下層ページ
##########*/
#cat_index #main{
	padding: 40px 20px;
	width: auto;
}

/* カテゴリ新着 */
#main #content table{
	margin: 0 20px 20px;
}

#main #content table td{
	display: block;
	width: auto !important;
}

#main #content table td:first-child{
	border-bottom: 0;
	padding-bottom: 0;
}

#main #content table td:last-child{
	padding-top: 0;
}

/* カテゴリメニュー */
#categorymenu li{
	width: calc(100% / 1 - 20px);
}

/* サイドメニューお問い合わせ */
div#left-column .contact_box > ul li{
	width: calc(100% / 1 - 20px);
}

/* 記事詳細 */
#detail{
	padding: 40px 30px;
	width: auto;
}

#detail h2{
	margin: 30px -20px 20px;
}

/* テーブルスクロール設定 */
#detail table{
	display: block;
	border: 0;
	/*overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;*/
	width: inherit !important;
	max-width: 100%;
}

#detail table th > *,
#detail table td > *{
	white-space: normal;
}

#detail table h2,
#detail table h3,
#detail table h4,
#detail table h5,
#detail table h6{
	margin-left: 0;
	margin-right: 0;
}

/* iframe対応 */
iframe{
	width: 100%;
	height: 400px;
}

/***** アンケートフォーム *****/
#display_s{
	width: calc(100% - 42px);
	padding: 40px 20px;
}

/***** 署名 *****/
.toiawase_left,
.toiawase_right{
	margin-right: 0;
}

.toiawase_right{
	width: calc(100% - 30px);
	margin-top: 20px;
}

.toiawase_right a{
	width: 100%;
	height: auto;
	padding: 15px;
}

.toiawase_right a br{
	display: none;
}

/***** 市長室 *****/
#mainwrap h1.title-shicho + #detail > table{
	width: 100% !important;
}

#mainwrap h1.title-shicho + #detail > table > tbody,
#mainwrap h1.title-shicho + #detail > table > tbody > tr,
#mainwrap h1.title-shicho + #detail > table > tbody > tr > td{
	display: block;
}

#mainwrap h1.title-shicho + #detail > table td{
	padding: 0 20px;
}

#mainwrap h1.title-shicho + #detail > table td h3{
	white-space: normal;
}

/*#################################################
フォーム
#################################################*/
fieldset{
	padding: 10px 20px;
}


/*#################################################
フッター
#################################################*/
#banner .inner{
	flex-direction: column;
	align-items: center;
}

#banner .inner .item{
	max-width: none;
}

#banner .inner .item ul{
	justify-content: center;
}

#banner .inner .item ul li{
	max-width: calc(50% - 10px);
}


#banner .inner .boshu{
	width: 100%;
	margin-top: 30px;
}

#banner .inner .boshu a{
	width: calc(100%);
	height: auto;
	padding: 10px 0;
}

#banner .inner .boshu a br{
	display: none;
}