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

  .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: #F7EDD4; }

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

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

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

  .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: #F7EDD4;
      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; }

  /* グローバルナビ
  -------------------------------------------*/
  #header-main-nav {
    display: block;
    margin: 0;
    padding: 0; }

  h2.globalNav-ttl {
    display: block;
    padding: 10px 32px;
    color: #FFF;
    font-size: 113%;
    /*18px*/
    text-align: center;
    background-color: #956f30; }

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

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

  /*　グローバルナビ　*/
  ul.globalNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #FCF8EF; }

  ul.globalNav {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    border-right: #D1C09E 1px solid;
    border-left: #D1C09E 1px solid; }

  ul.globalNav li.tab {
    width: 100%;
    font-size: 150%;
    text-align: center;
    display: block; }

  ul.globalNav li.tab > a {
    width: 100%;
    padding: 16px;
    color: #170A00;
    font-weight: normal;
    text-decoration: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #FCF8EF;
    border-bottom: #D1C09E 1px solid;
    display: block; }

  ul.globalNav li a:hover {
    color: #fff;
    background-color: #726250; }

  ul.globalNav li.tab:hover > ul:before,
  ul.globalNav li.tab > ul > li {
    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%; }

  /* フッター
  -------------------------------------------*/
  #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 10px; }

  /* -------------------------------------------------------------------------
  
  コンテンツ
  
  ---------------------------------------------------------------------------*/
  /*　コンテンツの内容枠　*/
  #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; }

  /* ページメニュー/コンテンツ一覧 */
  ul.pageNav {
    display: block;
    margin: 0 0 40px;
    padding: 0;
    width: 100%; }
    ul.pageNav li {
      display: block;
      border-bottom: #EBE6D9 2px solid;
      border-right: #EBE6D9 2px solid;
      border-left: #EBE6D9 2px solid;
      background-color: #FCF8EF;
      font-size: 150%; }
      ul.pageNav li a {
        display: block;
        margin: 0;
        padding: 16px;
        color: #211100;
        text-decoration: none; }
        ul.pageNav li a:hover {
          display: block;
          color: #d03b00; }

  .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: 6px;
    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;
    color: #FFF;
    font-size: 137.5%;
    /*22px*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
    background-color: #956f30;
    height: 40px;
    line-height: 40px; }

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

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

  /* コンテンツ詳細ページ用サブナビアコーディオン */
	#spNav  {
		margin-top: 6px;
	}
	#spNav .subNav-content {
	}
	#spNav .subNav-content h2.subNav1-ttl {
		font-size: 113%;
	}
	#spNav .subNav-content ul.subNav1 li {
		font-size: 113%;
	}
	#spNav .subNav-content ul.subNav1 li a {
		padding: .6em 1em;
	}





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

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

  /*　キャラ　*/
  .topChara {
    display: none; }

  /*　所在地
  -------------------------------------------*/
  .locationBox {
    display: block;
    text-align: center; }
    .locationBox .libraryName {
      font-size: 156.3%;
      width: 100%;
      text-align: center;
      margin-bottom: 0.75em; }
    .locationBox .libraries {
      width: 100%; }
      .locationBox .libraries dl {
        display: block;
        font-size: 112.5%;
        padding-left: 0;
        margin-bottom: 1em; }
        .locationBox .libraries dl dt {
          width: 100%; }
        .locationBox .libraries dl dd.address {
          width: 100%; }
        .locationBox .libraries dl dd.tel {
          width: 100%; }

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

  /*　コンテンツタイトル　*/
  .cate-contents-info h2 {
    display: block;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    overflow: auto;
    font-size: 137.5%;
    /*22px*/
    background-color: #956f30;
    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: #956f30 url(../img/arrow-sp-tnavi.png) no-repeat right 50%; }

  /* 上矢印 */
  .accordion h2.opend {
    cursor: pointer;
    position: relative;
    background: #956f30 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: #D1C09E 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-facility {
    margin-bottom: 30px; }
    .cate-contents-facility h2 {
      display: block;
      margin: 0;
      padding: 0;
      height: 40px;
      line-height: 40px;
      overflow: auto;
      font-size: 137.5%;
      /*22px*/
      background-color: #956f30;
      color: #fff;
      text-align: center;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .cate-contents-facility .facilitiesBox {
      display: block; }
      .cate-contents-facility .facilitiesBox div {
        width: 100%;
        margin-bottom: 6px; }
        .cate-contents-facility .facilitiesBox div .facilitiesImg {
          border: 1px solid #D1C09E;
          border-bottom: 0;
          margin-bottom: 0; }
          .cate-contents-facility .facilitiesBox div .facilitiesImg img {
            vertical-align: bottom; }
        .cate-contents-facility .facilitiesBox div .facilitiesName {
          border: 1px solid #D1C09E;
          text-align: center;
          margin-bottom: 0;
          font-size: 150%;
          padding: 10px;
          background-color: #FCF8EF; }
        .cate-contents-facility .facilitiesBox div .facilitiesCalBox {
          background: #F9F2E0;
          padding: 20px; }
          .cate-contents-facility .facilitiesBox div .facilitiesCalBox .CalDateBox {
            display: flex;
            margin-bottom: 12px; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .CalDateBox a {
              color: #1A1311;
              text-decoration: none; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .CalDateBox .calPrev {
              font-size: 93.8%;
              text-align: left;
              width: 25%; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .CalDateBox .calNext {
              font-size: 93.8%;
              text-align: right;
              width: 25%; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .CalDateBox .calDate {
              font-size: 125%;
              text-align: center;
              width: 50%; }
          .cate-contents-facility .facilitiesBox div .facilitiesCalBox table.calTable {
            text-align: center;
            background-color: #FFF;
            margin-bottom: 10px;
            font-size: 100%; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox table.calTable th {
              background-color: #707070;
              color: #FFF;
              padding: 5px;
              border: 1px solid #D3D5D5;
              font-size: 93.8%; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox table.calTable td {
              padding: 5px;
              border: 1px solid #D3D5D5;
              font-size: 100%; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox table.calTable td.event {
              background-color: #FDD272; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox table.calTable td.close {
              background-color: #BAB8B8; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox table.calTable td.prev-month {
              color: #CCC; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox table.calTable td.next-month {
              color: #CCC; }
          .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo {
            font-size: 100%;
            color: #797777; }
             .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo div {
              }
           .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo div.open,
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo div.event,
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo div.close {
              position: relative;
              height: 35px;
              line-height: 35px;
              padding-left: 45px;
              margin-bottom: 5px; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .open:before {
              content: "";
              width: 35px;
              height: 35px;
              background-color: #FFF;
              border: 1px solid #B7B7B7;
              position: absolute;
              left: 0;
              top: 0; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .event:before {
              content: "";
              width: 35px;
              height: 35px;
              background-color: #FDD272;
              border: 1px solid #B7B7B7;
              position: absolute;
              left: 0;
              top: 0; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .close:before {
              content: "";
              width: 35px;
              height: 35px;
              background-color: #BAB8B8;
              border: 1px solid #B7B7B7;
              position: absolute;
              left: 0;
              top: 0; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo p {
              line-height: 1.4; }

            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .info {
              min-height: auto; }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .info p {
              }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .info h3 {
              }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .info dl {
              }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .info dl dt {
              }
            .cate-contents-facility .facilitiesBox div .facilitiesCalBox .facilitiesCalInfo .info dl dd {
              }

      .cate-contents-facility .facilitiesBox .library-te, .cate-contents-facility .facilitiesBox .library-ne {
        margin-left: 0; }

  /*============================================================================
  　カテゴリページ
  *============================================================================*/
  .pdfBox {
    display: none; }

  /*============================================================================
   コンテンツページ
  *============================================================================*/
  .libraryContentsBox {
    padding: 10px 10px;
    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; } }