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

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

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

  /*　アクセシビリティツール　*/
  .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: #ebf7e7; }

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

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

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

  .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 #91bd83; }
    .search_sp input[type="submit"] {
      height: 40px;
      padding: 0 16px;
      font-size: 113%;
      background-color: #ebf7e7;
      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: #864a1e; }

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

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

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

  ul.globalNav {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%; }

  ul.globalNav li.tab {
    width: 100%!important;
    font-size: 112.5%;
    text-align: left;
    display: block; }

  ul.globalNav li.tab > a {
    width: 100%!important;
    padding: 16px;
    color: #170A00;
    font-weight: normal;
    text-decoration: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #ffffff;
    border-bottom: #91bd83 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: 1; }

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

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

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

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

  /*　SNS　*/
  .snsBox {
    display: none; }

  /*　所在地
  -------------------------------------------*/
  .locationBox {
    display: block;
    text-align: center;
    color: #211100;
    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%; }

  /*============================================================================
  　トップページ
  *============================================================================*/
  .topMuseum {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }

  /*　インフォメーション　*/
  .topInfoBox {
    background-color: #F4E3DB;
    padding: 10px;
    text-align: center;
    font-size: 118%;
    margin-bottom: 6px;
    order: 1; }
    .topInfoBox br {
      display: block; }

  /*　コンテンツ（大）
  -------------------------------------------*/
  .topNewsInfoBox {
    width: 100%;
    margin: 0;
    display: block;
    order: 2; }

  .cate-contents-info {
    position: relative;
    display: block;
    margin: 0 0 6px;
    padding: 0;
    overflow: hidden;
    width: 100%;}
    .cate-contents-info + div {
      margin-left: 0; }

  /*　コンテンツタイトル　*/
  .cate-contents-info h2 {
    display: block;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    overflow: auto;
    font-size: 137.5%;
    /*22px*/
    background-color: #AA5533;
    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; }

  .cate-contents-info .ic-link {
    display: none; }

  .cate-contents-info .ic-rss {
    display: none; }

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

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

  /*　コンテンツ（お知らせ）　*/
	.cate-contents-info .inner {
	height: auto;
	overflow: auto;
	}
  .cate-contents-info ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;}
    .cate-contents-info ul li {
      display: block;
      float: none;
      margin: 0;
      padding: 0;
      font-size: 112.5%;
      /*18px*/
      line-height: 1.5;
      border-right: 0;
      border-bottom: #decdb5 1px solid;
      width: 100%; }
      .cate-contents-info ul li a {
        color: #170A00;
        text-decoration: none;
        display: block;
        padding: 8px; }

  /*　コンテンツ（特別展・企画展・イベント・市民ギャラリー）　*/
  .topEventBox {
    display: block;
    order: 3; }
    .topEventBox div {
      width: 100%; }
      .topEventBox div h2 {
        display: block;
        margin: 0;
        padding: 0;
        height: 40px;
        line-height: 40px;
        overflow: auto;
        font-size: 125%;
        /*20px*/
        background-color: #864a1e;
        color: #fff;
        text-align: center; }
    .topEventBox .topEvent, .topEventBox .topGallery {
      margin-left: 0; }

  /*　コンテンツ（カレンダー）　*/
  .museumBox {
    margin-bottom: 6px; }
    .museumBox h2 {
      display: block;
      margin: 0;
      padding: 0;
      height: 40px;
      line-height: 40px;
      overflow: auto;
      font-size: 125%;
      /*20px*/
      background-color: #666666;
      color: #ffffff;
      text-align: center; }
    .museumBox .museumCalBox {
      background: #e7f3f3;
      padding: 10px; }
      .museumBox .museumCalBox .CalDateBox {
        display: flex;
        padding: 10px 0; }
        .museumBox .museumCalBox .CalDateBox a {
          color: #1A1311;
          text-decoration: none; }
        .museumBox .museumCalBox .CalDateBox .calPrev {
          font-size: 93.8%;
          text-align: left;
          width: 25%; }
        .museumBox .museumCalBox .CalDateBox .calNext {
          font-size: 93.8%;
          text-align: right;
          width: 25%; }
        .museumBox .museumCalBox .CalDateBox .calDate {
          font-size: 125%;
          text-align: center;
          width: 50%; }
      .museumBox .museumCalBox table.calTable {
        text-align: center;
        background-color: #FFF;
        font-size: 100%;
        margin-bottom: 20px; }
        .museumBox .museumCalBox table.calTable th {
          background-color: #707070;
          color: #FFF;
          padding: 8px;
          border: 1px solid #D3D5D5; }
        .museumBox .museumCalBox table.calTable td {
          padding: 8px;
          border: 1px solid #D3D5D5; }
        .museumBox .museumCalBox table.calTable td.event {
          background-color: #FDD272; }
        .museumBox .museumCalBox table.calTable td.close {
          background-color: #79B8E0; }
        .museumBox .museumCalBox table.calTable td.prev-month {
          color: #CCC; }
        .museumBox .museumCalBox table.calTable td.next-month {
          color: #CCC; }
      .museumBox .museumCalBox .museumCalInfo {
        font-size: 100%;
        color: #272727; }
        .museumBox .museumCalBox .museumCalInfo div {
          position: relative;
          height: 35px;
          line-height: 35px;
          padding-left: 45px;
          margin-bottom: 10px; }
        .museumBox .museumCalBox .museumCalInfo .event:before {
          content: "";
          width: 35px;
          height: 35px;
          background-color: #FDD272;
          border: 1px solid #B7B7B7;
          position: absolute;
          left: 0;
          top: 0; }
        .museumBox .museumCalBox .museumCalInfo .close:before {
          content: "";
          width: 35px;
          height: 35px;
          background-color: #79B8E0;
          border: 1px solid #B7B7B7;
          position: absolute;
          left: 0;
          top: 0; }
        .museumBox .museumCalBox .museumCalInfo p {
          line-height: 1.4; }

  /*　アクセス　*/
  .accessBox {
    order: 3;
    width: 100%;
    float: none;
    background-color: #F2EADF;
    margin-bottom: 40px; }
    .accessBox h2 {
      display: block;
      margin: 0;
      padding: 0;
      height: 40px;
      line-height: 40px;
      overflow: auto;
      font-size: 156.3%;
      /*25px*/
      background-color: #864a1e;
      color: #fff;
      text-align: center; }
    .accessBox .mapAccess {
      display: block;
      border: 0; }
      .accessBox .mapAccess .map {
        width: 100%;
        height: 180px;
        border: 1px solid #ADAAAA; }
      .accessBox .mapAccess .access {
        width: 100%;
        height: auto;
        font-size: 93.8%;
        text-align: center; }
        .accessBox .mapAccess .access dl {
          display: block;
          padding: 20px; }
          .accessBox .mapAccess .access dl dt {
            width: 100%;
            text-align: center;
            margin-bottom: 0; }
            .accessBox .mapAccess .access dl dt img.car {
              height: 45px !important;
              width: 88px; }
            .accessBox .mapAccess .access dl dt img.bus {
              height: 46px !important;
              width: 124px; }
            .accessBox .mapAccess .access dl dt img.bus02 {
              height: 48px !important; }
          .accessBox .mapAccess .access dl dd {
            width: 100%;
            padding-left: 0;
            margin-bottom: 20px; }
            .accessBox .mapAccess .access dl dd br {
              display: block; }

  /*============================================================================
  　カテゴリページ
  *============================================================================*/
  /*　コンテンツの内容枠　*/
  #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 {
    color: #211100;
    background-color: #FCE1DB;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 125%;
    /*20px*/
    line-height: 1.2em;
    margin-bottom: 2px;
    padding: 8px 16px;
    text-align: center; }

  #mainc-contents h1.subNav2-ttl {
    background-color: #FFB765; }

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

  /* 第3階層メニュー */
  /* ページメニュー/コンテンツ一覧 */
  ul.pageNav {
    display: block;
    margin: 0 0 40px;
    padding: 0;
    width: 100%; }
    ul.pageNav li {
      display: block;
      background-color: #FDF5EF;
      font-size: 125%;
      /*20px*/ }
      ul.pageNav li a {
        display: block;
        margin: 0;
        padding: 16px;
        color: #211100;
        text-decoration: none; }
        ul.pageNav li a:hover {
          display: block;
          color: #800000; }

  /*　サブコンテンツ（サブナビゲーション）
  -------------------------------------------*/
  /*　サブコンテンツの内容枠　*/
  #subc-contents {
    display: none; }

  /*============================================================================
   コンテンツページ
  *============================================================================*/
  #mainc-contents.detail {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    order: 2; }

  .contentData {
    text-align: right;
    font-size: 100%;
    padding: 10px; }

  .museumContentsBox {
    padding: 10px 10px;
    border: 0;
    margin-top: 0;
    margin-bottom: 40px; }

  /*PDFリーダー*/
  .pdfBox {
    display: block;
    margin-bottom: 80px;
    padding: 25px; }
    .pdfBox .pdfBnr {
      margin-right: 0; }
    .pdfBox .pdfTxt {
      font-size: 75%;
      line-height: 1.5; }

	/*============================================================================
	 カレンダージャンルページ
	*============================================================================*/
	#calender-container {
	}

	#calender-container #mainc-contents {
	  margin: 0;
	  width: 100%;
	}

	#calender-container #subc-contents {
		display: none;
	}

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

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