@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: #E7F5F7; }

  .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;
    color: #170A00;
    font-weight: normal;
    font-size: 88%;
    width: 31%;
    text-align: center; }

  ul.headerNav li a {
    display: block;
    text-decoration: none;
    color: #170A00;
    font-weight: normal;
    padding: 0; }

  ul.headerNav li ul {
    display: none; }

  ul.headerNav li.menu1 {
    padding: 6px 0;
    background-image: none;
    background-color: #C4E7ED; }

  ul.headerNav li.menu2 {
    display: none; }

  ul.headerNav li.menu3 {
    display: block;
    padding: 6px 0;
    background-color: #C4E7ED; }

  ul.headerNav li.menu4 {
    padding: 6px 0;
    background-image: none;
    background-color: #C4E7ED; }

  .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: #C4E7ED;
      color: #170A00;
      border-style: none;
      border-radius: 0;
      -webkit-box-sizing: content-box;
      -webkit-appearance: button;
      appearance: button;
      border: none;
      box-sizing: border-box; }
      .search_sp input[type="submit"]::-webkit-search-decoration {
        display: none; }
      .search_sp input[type="submit"]::focus {
        outline-offset: -2px; }

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

  /* キャッチコピー　*/
  .catch {
    display: none; }

  /* ロゴ　*/
  .logo_pc {
    display: none; }

  .logo_sp {
    display: block; }

  /* -------------------------------------------------------------------------
  
  　フッター
  
  ---------------------------------------------------------------------------*/
  .footer-wrap {
     }

  /* SNS
  -------------------------------------------*/
  #sns-contents {
    padding: 16px 8px; }

  dl.sns-info {
     }

  dl.sns-info dt {
     }

  dl.sns-info dd {
    width: 20%; }

  /* フッター
  -------------------------------------------*/
  #footer-contents {
    padding: 16px 8px;
    font-size: 88%;
     }

  dl.nomi-info {
     }

  dl.nomi-info dt,
  dl.nomi-info dd {
     }

  ul.footerNav {
     }

  ul.footerNav li {
    margin-right: 16px; }

  #footer-contents a {
     }

  .copyright {
     }

  /* ページトップリンク　*/
  .pagetop {
     }

  /* -------------------------------------------------------------------------
  
  共通パーツ
  
  ---------------------------------------------------------------------------*/
  /*　パンくずリスト
  -------------------------------------------*/
  .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; }

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

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

  /* ページ見出し
  -------------------------------------------*/
  #main-contents h1 {
    color: #FFF;
    background-color: #CE9C4D;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 137.5%;
    /* 22px */
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px;
    text-align: center; }

  .updated {
    text-align: right; }

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

  /*　サブコンテンツ（サブナビゲーション）
  -------------------------------------------*/
  /*　サブコンテンツの内容枠　*/
  #sub-contents {
    display: block;
    margin: 0;
    padding: 0;
    order: 1; }

  #sub-contents.pc-only {
    display: none; }

  /* カテゴリーメニュー（中項目） */
  .subNav-content {
    display: block;
    margin: 0;
    padding: 0; }

  h2.subNav1-ttl {
    display: block;
    padding: 0 32px;
    font-size: 137.5%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 40px;
    line-height: 40px; }

  /* 下矢印 */
  .accordion > h2.subNav1-ttl {
    cursor: pointer;
    position: relative;
    background: #AA5533 url(../img/arrow-sp-tnavi.png) no-repeat right 50%; }

  /* 上矢印 */
  .accordion > h2.opend.subNav1-ttl {
    cursor: pointer;
    position: relative;
    background: #AA5533 url(../img/arrow-sp-tnavi_open.png) no-repeat right 50%; }

  /* カテゴリーメニュー一覧 */
  .subNavBox {
    margin-bottom: 6px; }

  /* カテゴリーメニュー（第2階層） */
  ul.subNav1 {
    display: block; }
    ul.subNav1 li {
      display: block;
      border-top: #93A8C9 1px solid;
      background-color: #EFF8FA;
      position: relative;
      color: #170A00;
      font-size: 125%; }
      ul.subNav1 li a {
        display: block;
        margin: 0;
        padding: 16px;
        color: #170A00;
        text-decoration: none; }
        ul.subNav1 li a:hover {
          display: block;
          color: #C6673B; }

  /* 表示中ページ */
  ul.subNav1 li.current, ul.subNav1 li.current a {
    display: block;
    color: #800000;
    text-decoration: none; }

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

  /*　所在地
  -------------------------------------------*/
  .locationBox {
    display: block;
    text-align: center;
    color: #676767;
    line-height: 1.5;
    margin-bottom: 1em; }
    .locationBox dl {
      display: block;
      font-size: 125%;
      padding-left: 0; }
      .locationBox dl dt {
        width: 100%; }
      .locationBox dl dd {
        width: 100%; }

  /*============================================================================
  　トップページ
  *============================================================================*/
  /*　コンテンツ（大）
  -------------------------------------------*/
  .cate-contents-info {
    position: relative;
    display: block;
    margin: 0 0 6px;
    padding: 0;
    overflow: hidden;
    width: 100%;
	}
    .cate-contents-info .ic-link,
    .cate-contents-info .ic-rss {
      display: none; }

  /*　コンテンツタイトル　*/
  .cate-contents-info h2 {
    display: block;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    overflow: auto;
    font-size: 137.5%;
    /*22px*/
    background-color: #4A6DA3;
    color: #fff;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .cate-contents-info h2 a {
      text-decoration: none;
      color: #ffffff; }

  /* 下矢印 */
  .accordion h2 {
    cursor: pointer;
    position: relative;
    background: #4A6DA3 url(../img/arrow-sp-tnavi.png) no-repeat right 50%; }

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

  /*　コンテンツ（お知らせ）　*/
.cate-contents-info .inner {
	display: block;
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%;
	height: 100%;
	}
.cate-contents-info ul {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	}
.cate-contents-info ul li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.2;
	border-right: none;
	border-bottom: #93A8C9 1px solid;
	width: 100%;
	}
.cate-contents-info ul li a {
	display: block;
	margin: 0;
	padding: 8px 8px;
	}
.cate-contents-info ul li.nolink  {
	display: block;
	margin: 0;
	padding: 8px 8px;
	}
.cate-contents-info ul li:nth-child(even){ border-right: none; }

.cate-contents-info ul li.all-list { display: block; text-align:right;}


  /*　コンテンツ（消防）　*/
  .cate-contents-fire {
    margin-bottom: 5px; }
    .cate-contents-fire h2 {
      display: block;
      margin: 0;
      padding: 2px 0;
      height: 40px;
      font-size: 137.5%;
      /*22px*/
      background-color: #4A6DA3;
      color: #fff;
      text-align: center;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      line-height: 40px; }
    .cate-contents-fire .fireBox {
      display: block;
      margin: 0; }
      .cate-contents-fire .fireBox div {
        width: 100%;
        background: #EAF8FC;
        text-align: center;
        font-size: 125%;
        /*20px*/
        margin: 0 0 10px;
        border: 1px solid #D0D0D0; }
        .cate-contents-fire .fireBox div a {
          color: #170A00;
          text-decoration: none; }
          .cate-contents-fire .fireBox div a img {
            vertical-align: bottom;
            border-bottom: 1px solid #D0D0D0; }
          .cate-contents-fire .fireBox div a p {
            padding: 10px; }
    .cate-contents-fire .nomiFireBox {
      display: block;
      margin: 0; }
      .cate-contents-fire .nomiFireBox div {
        width: 100%;
        background: #EAE0D0;
        text-align: center;
        font-size: 125%;
        /*20px*/
        margin: 0 0 10px;
        border: 1px solid #D0D0D0; }
        .cate-contents-fire .nomiFireBox div a {
          color: #522F07;
          text-decoration: none; }
          .cate-contents-fire .nomiFireBox div a img {
            vertical-align: bottom;
            border-bottom: 1px solid #D0D0D0; }
          .cate-contents-fire .nomiFireBox div a p {
            padding: 10px; }

  /*============================================================================
  　カテゴリページ
  *============================================================================*/
  /*　コンテンツの内容枠　*/
  #pagec-main-contents {
    margin: 0 auto 2em;
    padding: 0;
    width: 100%; }

  .pagec-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }

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

  /* ページ見出し
  -------------------------------------------*/
  #mainc-contents h1 {

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 125%;
    margin-bottom: 1px; }

  #mainc-contents h1.subNav2-ttl {
     }

  /* 第2階層メニュー */
  #mainc-contents h1.subNav3-ttl {
     }

  /* 第3階層メニュー */
  /* ページメニュー/コンテンツ一覧 */
  #mainc-contents ul.pageNav {
    margin: 0 0 40px; }
    #mainc-contents ul.pageNav li {
      font-size: 125%; }
      #mainc-contents ul.pageNav li a {
        padding: 16px; }
        #mainc-contents ul.pageNav li a:hover {
           }

  /*　サブコンテンツ（サブナビゲーション）
  -------------------------------------------*/
  /*　サブコンテンツの内容枠　*/
  #subc-contents {
    width: 100%;
    /* カテゴリーメニュー（中項目） */ }
    #subc-contents .subNav-content {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      /* カテゴリーメニュー一覧 */ }
      #subc-contents .subNav-content h2.subNav1-ttl {
        display: block;
        padding: 0 32px;
        color: #FFF;
        font-size: 125%;
        /*20px*/
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
        background-color: #AA5533;
        height: 40px;
        line-height: 40px; }
      #subc-contents .subNav-content .subNavBox {
        margin-bottom: 6px;
        /* カテゴリーメニュー（第2階層） */ }
        #subc-contents .subNav-content .subNavBox ul.subNav1 {
          display: block;
          border: 0; }
          #subc-contents .subNav-content .subNavBox ul.subNav1 li {
            display: block;
            border: 0;
            background-color: #EFF8FA;
            position: relative;
            color: #170A00;
            font-size: 125%;
            margin-bottom: 2px; }
            #subc-contents .subNav-content .subNavBox ul.subNav1 li a {
              display: block;
              margin: 0;
              padding: 16px;
              color: #170A00;
              text-decoration: none; }
              #subc-contents .subNav-content .subNavBox ul.subNav1 li a:hover {
                display: block;
                color: #800000; }

  #subc-contents.sp-only {
    display: block !important; }

  #subc-contents-menu {
    display: none !important; }

  /*お問い合わせ・PDF*/
  .contentBtm {
    order: 3;
    width: 100%;
    margin: 0; }

  .pdfBox {
    display: none; }

  .pageContactBox {
    margin-bottom: 40px;
    padding: 0 20px; }
    .pageContactBox h4 {
      border-bottom: 1px solid #B7B7B7;
      padding-bottom: 0.5em;
      margin-bottom: 0.5em; }
    .pageContactBox dl {
      display: block;
      font-size: 112.5%;
      margin-bottom: 0.5em;
      padding: 0; }
      .pageContactBox dl dt, .pageContactBox dl dd {
        margin-right: 0; }
    .pageContactBox div {
      padding: 0 0 0 16px;
      position: relative; }
      .pageContactBox div a {
        color: #000;
        text-decoration: none; }
        .pageContactBox div a:before {
          content: '';
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 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 #000; }

  /*============================================================================
   コンテンツページ
  *============================================================================*/
  .fireContentsBox {
    padding: 10px 20px;
    border: 0;
    margin-top: 0;
    margin-bottom: 40px; }
  .contentData {
    font-size: 100%;
    padding: 10px; }

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

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