@charset "utf-8";
/*=================================================================================
 能美市公式
 base_s.css
=================================================================================*/

@media screen and (max-width: 767px) {
	
/*=================================================================================*/

.header-wrap,
.header-container,
#header-sub-contents,
.header-sub-nav,
#header-main-contents,
.catch,
.footer-wrap,
#sns-contents,
#footer-contents,
#page-main-contents,
.page-container,
#main-contents,
.container,
#sub-contents {
	float: none;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


img {
	max-width: 100% !important;
	height: auto !important;
}


/*=================================================================================

ヘッダー

=================================================================================*/
.header-wrap {
	margin: 0;
	padding: 0;
	background-color:#faf6ee;
	}

.header-container {
	margin: 0;
	padding: 0;	
	}

/* アクセシビリティ・検索
-------------------------------------------*/
#header-sub-contents {
	margin: 0;
	padding: 8px 16px;
	}

/*　アクセシビリティツール　*/
.header-sub-nav {
	display: block;
	float: left;
	}

/* ヘッダーナビゲーション
-------------------------------------------*/
ul.headerNav {
	display:block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
ul.headerNav {	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: stretch;
	width: 100%;
}

ul.headerNav li {
	position: relative;
    z-index: 1;
	border: none;
	background-color: #f7eee0;
	padding: 0;
	font-weight: normal;
	width: 31%;
	text-align: center;
	}
ul.headerNav li a {
	display: block;
	color: #211100;
	padding: 0;
	font-size: 88%;
	font-weight: normal;
	text-decoration: none;
	}
ul.headerNav > li:hover > a {
    visibility: visible;
    opacity: 1;
}

ul.headerNav li ul {
	display: none;
}

ul.headerNav li.menu1 {
	padding: 6px 0;
	background-image: none; 
	background-color: #eae0d0;
	}
ul.headerNav li.menu1 ul {
	width: 100%;
	}
ul.headerNav li.menu1 ul li {
	width: 100%;
	}

ul.headerNav li.menu2 {
	display: none;
	}
ul.headerNav li.menu3 {
	display: block;
	padding: 6px 0;
	background-color: #eae0d0;
	}
ul.headerNav li.menu4 {
	padding: 6px 0;
	background-image: none; 
	background-color: #eae0d0;
	}

.logo_pc,
#header-main-nav {
	display: none;
	}


/*　検索窓（PC）
-------------------------------------------*/
.search {
	display: none;
	}

/*　検索窓（SP）
-------------------------------------------*/
.search_sp {
	display: block;
	margin: 0;
	padding: 8px 0;
	background-color: #fff;
	text-align: center;
	}

.search_sp input[type="text"] {
	width: 60%;
	height: 40px;
	margin-right: 10px;
	border: 1px solid #BCBCBC;
	}
.search_sp input[type="submit"] {
	height: 40px;	padding: 0 16px;
    font-size: 113%;
    background-color: #eae0d0;
	color: #211100;
    border-style: none;
	cursor: pointer;
	}


/* ロゴ・キャッチコピー
-------------------------------------------*/
#header-main-contents {
	padding: 8px 16px;
	}
	
/* キャッチコピー　*/
.catch {
	display: none;
	}

/* ロゴ　*/
.logo_pc {
	display: none;
	}	
.logo_sp {
	display: block;
	}
	
/* グローバルナビ
-------------------------------------------*/
#header-main-nav {
	display:block;
	margin:0;
	padding:0;
	}
h2.globalNav-ttl {
	display: block;
    padding: 16px 32px;
    color: #fff;
 	font-size: 113%;/*18px*/
	text-align: center;
	background-color: #522f07;
  }
/* 下矢印 */
.accordion h2.globalNav-ttl {
	cursor: pointer;
	position: relative;
	background:#522f07 url(../img/arrow-sp-gnavi.png) no-repeat right 50%;
}
/* 上矢印 */
.accordion h2.globalNav-ttl.opend {
	cursor: pointer;
	position: relative;
	background:#522f07 url(../img/arrow-sp-gnavi_open.png) no-repeat right 50%;
}

 
/*　グローバルナビ　*/
ul.globalNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background:#fcf5ea;
	}	
ul.globalNav {	
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	border-right: #522f07 1px solid;
	border-left: #522f07 1px solid;
	}
ul.globalNav li {
	width: 100%;
	font-size: 100%;
	text-align: left;
	display: block;
	}
ul.globalNav li a {
	width: 100%;
	padding: 8px 16px;
	color: #211100;
	font-weight: normal;
	text-decoration: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fcf5ea;
	border-bottom: #522f07 1px solid;
	display: block;
	}	
ul.globalNav li a:hover {
	color: #fff;
	background-color: #726250;
	}

ul.globalNav li.home {
	display: none;
	}

/* -------------------------------------------------------------------------

　フッター

---------------------------------------------------------------------------*/
.footer-wrap {
	background-color: #271D1C;
	margin: 0;
	padding: 0;
	}

/* SNS
-------------------------------------------*/
#sns-contents {
	background-color: #312625;
	margin: 0;
	padding: 16px 8px;
	color:#fff;
	text-align: center;
	}
	
dl.sns-info {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	}
dl.sns-info dt {
	margin: 0 0 1em;
	}
dl.sns-info dd {
	display: inline-block;
	width: 20%;
	}	

#sns-contents a {
	color: #ffffff;
	text-decoration: none;
	}
	
/* フッター
-------------------------------------------*/
#footer-contents {
	display: block;
	margin: 0 auto;
	padding: 16px 8px;
	color:#fff;
	font-size: 88%;
	text-align: center;
	}

dl.nomi-info {
	margin: 1em auto;
	padding: 0;
	}
dl.nomi-info dt,
dl.nomi-info dd {
	display: inline-block;
	margin: 0 8px;
	}

ul.footerNav {
	margin: 1em auto;
	padding: 0;
	}
ul.footerNav li {
	display: inline-block;
	margin-right: 16px;
	}

#footer-contents a {
	color: #fff;
	text-decoration: underline;
}
.copyright{
	text-align: center;
	}


/* ページトップリンク　*/
.pagetop{ text-align:right; }


/* -------------------------------------------------------------------------

共通パーツ

---------------------------------------------------------------------------*/
/*　パンくずリスト
-------------------------------------------*/
.breadcrumb {
	display: none;
}

/* -------------------------------------------------------------------------

　ページレイアウト

---------------------------------------------------------------------------*/
/*　内容包括　*/
.container{
	margin: 0 auto;
	padding: 0 16px;
}

/* -------------------------------------------------------------------------

コンテンツ

---------------------------------------------------------------------------*/
/*　コンテンツの内容枠　*/
#page-main-contents {
	margin: 0 auto 2em;
	padding: 0;
}
.page-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

/*　メニュー付コンテンツの内容枠　*/
.page-container #main-contents {
	width: 100%;
	}

/*　メインコンテンツ
-------------------------------------------*/
/*　コンテンツの内容枠　*/
#main-contents {
	margin: 0;
	padding: 0;
	order: 2;
	}

.updated{
	margin: 0;
	padding: 0 8px;
	text-align: right;
	}

/* ページ見出し
-------------------------------------------*/
#main-contents h1{
	color:#211100;
	background-color: #ffecd7;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	font-size: 150%;/* 24px */
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 8px;
	padding: 0.5em 10px 0.4em;
}
.updated{ text-align:right;}

/*　CMSからの「内容」入力枠　*/
.edit-item{
	clear: both;
	text-align: left;
	overflow: hidden;
	padding: 0 0 0.5em;
}

/*　CMSからの「内容」入力枠内のパーツ.edit-item　*/
/* 見出し
-------------------------------------------*/
.edit-item h2,
.edit-item h3,
.edit-item h4,
.edit-item h5,
.edit-item h6 {
	clear: both;
	font-size: 1em;
}
.edit-item h2 {
	border-top: 4px solid #ff8800;
	border-bottom: 1px solid #908888;
	font-size: 150%;/* 24px */
	font-weight: bold;
	line-height: 1.1em;
	margin: 30px 0 10px;
	padding: 0.5em 0 0.5em;
}
.edit-item h3 {
	border-left: 10px solid #ff8800;
	color:#211100;
	font-size: 125%;/* 20px */
	font-weight: bold;
	line-height: 1.1em;
	margin: 30px 0 10px;
	padding: 0.1em 8px 0.1em 16px;
}

.edit-item h4 {
	color:#fff;
	background-color:#211100;
	font-size: 100%;/* 16px */
	font-weight: bold;
	line-height: 1.1em;
	margin: 30px 0 10px;
	padding: 0.5em 16px 0.5em;
}
	
.edit-item h5 {
	border-bottom: 1px dashed #211100;
	color:#211100;
	font-size: 100%;/* 16px */
	font-weight: bold;
	line-height: 1.1em;
	margin: 30px 0 10px;
	padding: 0.5em 0 0.5em;
}
	
.edit-item h6 {
	color: #003B89;
	font-size: 100%;/* 16px */
	font-weight: bold;
	line-height: 1.1em;
	margin: 30px 0 10px;
	padding: 0.5em 0 0.5em;
}


/*　サブコンテンツ（サブナビゲーション）
-------------------------------------------*/
/*　サブコンテンツの内容枠　*/
#sub-contents {
	display: block;
	margin: 0;
	padding: 0;
	order: 1;
	}
	
/* カテゴリーメニュー（中項目） */
.subNav-content {
	display:block;
	margin:0;
	padding:0;
	}

h2.subNav1-ttl {
    display: block;
    padding: 16px 32px;
 	color: #211100;
 	font-size: 113%;/*18px*/
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	text-align: center;
	background-color: #eee;
  }  
h2.subNav1-ttl.category1 { background-color: #f8c1c1;} /*暮らし */
h2.subNav1-ttl.category2 { background-color: #BAD5B8;} /*市役所・施設案内 */
h2.subNav1-ttl.category3 { background-color: #E6E386;} /*観光・特産品 */
h2.subNav1-ttl.category4 { background-color: #F5C098;} /*ビジネス・移住定住 */
h2.subNav1-ttl.category5 { background-color: #B1C2EA;} /*火事・災害・防災 */
h2.subNav1-ttl.category6 { background-color: #C4F8F8;} /*市政・議会 */

h2.opend.subNav1-ttl.category1 { background-color: #f8c1c1;} /*暮らし */
h2.opend.subNav1-ttl.category2 { background-color: #BAD5B8;} /*市役所・施設案内 */
h2.opend.subNav1-ttl.category3 { background-color: #E6E386;} /*観光・特産品 */
h2.opend.subNav1-ttl.category4 { background-color: #F5C098;} /*ビジネス・移住定住 */
h2.opend.subNav1-ttl.category5 { background-color: #B1C2EA;} /*火事・災害・防災 */
h2.opend.subNav1-ttl.category6 { background-color: #C4F8F8;} /*市政・議会 */

/* 下矢印 */
.accordion h2 {
	cursor: pointer;
	position: relative;
	background: url(../img/arrow-sp-snavi.png) no-repeat right 50%;
}
/* 上矢印 */
.accordion h2.opend {
	cursor: pointer;
	position: relative;
	background: url(../img/arrow-sp-snavi_open.png) no-repeat right 50%;
}

/* カテゴリーメニュー（第2階層） */
ul.subNav1 {
	display: block;
	}	
ul.subNav1 li {
	display: block;
	border-top:#fff 1px solid;
	background-color:#fcf5ea;
	position: relative;
	color: #211100;
	}
ul.subNav1 li:before, ul.subNav1 li:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 0;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #856a4b;
}
ul.subNav1 li:after {
  z-index: 1;
  margin-left: -3px;
  border-left-color: #856a4b;
}

ul.subNav1 li a {
	display: block;
	margin: 0;
	padding: 8px 32px 8px 16px;
	color: #211100;
	text-decoration: none;
	}
ul.subNav1 li a:hover {
	display: block;
	color: #d03b00;
	}
ul.subNav1 li:hover:before, ul.subNav1 li:hover:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 0;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #f18700;
}
ul.subNav1 li:hover:after {
  z-index: 1;
  margin-left: -3px;
  border-left-color: #f18700;
}

/* 表示中ページ */
ul.subNav1 li.current, ul.subNav1 li.current a {
	display: block;
	color: #d03b00;
	text-decoration: none;
	}
ul.subNav1 li.current:before, ul.subNav1 li.current:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 0;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #f18700;
}
ul.subNav1 li.current:after {
  z-index: 1;
  margin-left: -3px;
  border-left-color: #f18700;
}



/* カテゴリーメニュー（第3階層） */
/* カテゴリーメニュー（第4階層、下層ページ） */
h2.subNav2-ttl,h2.subNav3-ttl,
ul.subNav2,ul.subNav3 {
	display: none;
	}




/*============================================================================
　トップページ
*============================================================================*/

/*============================================================================
　ジャンルページ
*============================================================================*/

/*============================================================================
 新着情報一覧ページ
*============================================================================*/

/*============================================================================
 イベントカレンダーページ
*============================================================================*/

/*============================================================================
 サイトマップページ
*============================================================================*/

/*============================================================================
 窓口案内ページ
*============================================================================*/

/*============================================================================
 部署情報一覧ページ
*============================================================================*/

/*============================================================================
 担当事務ページ
*============================================================================*/

/*============================================================================
 ビューワ一覧ページ　別ウィンドウ
*============================================================================*/

/*============================================================================
 関連サイトリンク集ページ
*============================================================================*/

/*============================================================================
 検索結果ページ
*============================================================================*/

/*============================================================================
 レスポンシブ調整：PC版非表示
*============================================================================*/
/*　PC版【非表示】スマホ版【表示】　*/
.sp-only{ display: block !important;}

/*　PC版【表示】スマホ版【非表示】　*/
.pc-only { display: none !important;}



/*=================================================================================*/
/*=================================================================================*/
/*=================================================================================*/

}/* メディアクエリ末尾 */