/*---------------------------------------------------------------------
　CSS : editor
---------------------------------------------------------------------*/
/* body#cat**; category & color 
/* about 県立歴史館とは　#fad728
/* guide ご利用案内 #61a0af
/* exhibition 企画展示 #a37838
/* permanent 常設展示 #6d864e
/* event 講座・イベント #a15369
/* school 学校向け利用案内 #3d765e
/* books 書籍・史資料 #537092
/* publication 刊行物 #817baa

/*  contents (#column1 & #column2)
	------------------------------*/


     main #contents h3{
      text-align: center;
      padding: 10px 0 15px 0;
      font-size: 2.5rem;
      font-family: 'Noto Serif JP', serif;
      margin-bottom: 20px;
    }

    /*----h3 pattern---*/
      #about main #contents h3,
      #under main #contents h3,
      #minwa main #contents h3,
      #ichikawa main #contents h3,
      #purpose main #contents h3,
      #old-doc main #contents h3,
      #contact main #contents h3,
      #iseki main #contents h3,
      #news main #contents h3,
      #blog main #contents h3{
        background: url(../images/about/about_h3bg.png) no-repeat;
        background-position: center bottom;
      }

      #guide main #contents h3{
        background: url(../images/guide/guide_h3bg.png) no-repeat;
        background-position: center bottom;
      }

      #exhibition main #contents h3{
        background: url(../images/exhibition/exhibition_h3bg.png) no-repeat;
        background-position: center bottom;
      }

      #permanent main #contents h3{
        background: url(../images/permanent/permanent_h3bg.png) no-repeat;
        background-position: center bottom;
      }

      #event main #contents h3{
        background: url(../images/event/event_h3bg.png) no-repeat;
        background-position: center bottom;
      }

      #school main #contents h3{
        background: url(../images/school/school_h3bg.png) no-repeat;
        background-position: center bottom;
      }

      #books main #contents h3{
        background: url(../images/books/books_h3bg.png) no-repeat;
        background-position: center bottom;
      }

      #publication main #contents h3{
        background: url(../images/publication/publication_h3bg.png) no-repeat;
        background-position: center bottom;
      }

    /*----h4 pattern---*/
     main #contents h4{
      padding: 10px 0 5px 0;
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 10px;
    }

      body#about main #contents h4,
      body#under main #contents h4,
      body#minwa main #contents h4,
      body#ichikawa main #contents h4,
      body#purpose main #contents h4,
      body#old-doc main #contents h4,
      body#iseki main #contents h4,
      body#news main #contents h4,
      body#blog main #contents h4{
        background: url(../images/about/about_h4bg.png) repeat-x;
        background-position: bottom;
      }

      body#guide main #contents h4{
        background: url(../images/guide/guide_h4bg.png) repeat-x;
        background-position: bottom;
      }

      body#exhibition main #contents h4{
        background: url(../images/exhibition/exhibition_h4bg.png) repeat-x;
        background-position: bottom;
      }

      body#permanent main #contents h4{
        background: url(../images/permanent/permanent_h4bg.png) repeat-x;
        background-position: bottom;
      }

      body#event main #contents h4{
        background: url(../images/event/event_h4bg.png) repeat-x;
        background-position: bottom;
      }

      body#school main #contents h4{
        background: url(../images/school/school_h4bg.png) repeat-x;
        background-position: bottom;
      }

      body#books main #contents h4{
        background: url(../images/books/books_h4bg.png) repeat-x;
        background-position: bottom;
      }

      body#publication main #contents h4{
        background: url(../images/publication/publication_h4bg.png) repeat-x;
        background-position: bottom;
      }

    /*----h5 pattern---*/
     main #contents h5{
      padding: 10px 0 5px 0;
      font-size: 1.6rem;
      font-weight: bold;
      position: relative;
      padding-left: 25px;
      margin-bottom: 10px;
    }

      main #contents h5:before{
        position: absolute;
        display: block;
        content: '';
        top: 14px;
        left: 3px;
        width: 14px;
        height: 14px;
      }

      body#about main #contents h5:before,
      body#under main #contents h5:before,
      body#minwa main #contents h5:before,
      body#ichikawa main #contents h5:before,
      body#purpose main #contents h5:before,
      body#old-doc main #contents h5:before,
      body#news main #contents h5:before,
      body#blog main #contents h5:before{
        background: #fad728;
      }

      body#guide main #contents h5:before{
        background: #61a0af;
      }

      body#exhibition main #contents h5:before{
        background: #a37838;
      }

      body#permanent main #contents h5:before{
        background: #6d864e;
      }

      body#event main #contents h5:before{
        background: #a15369;
      }

      body#school main #contents h5:before{
        background: #3d765e;
      }

      body#books main #contents h5:before{
        background: #537092;
      }

      body#publication main #contents h5:before{
        background: #817baa;
      }

    /*----h6 pattern---*/
     main #contents h6{
      font-size: 1.5rem;
      font-weight: bold;
    }

      body#about main #contents h6,
      body#under main #contents h6,
      body#minwa main #contents h6,
      body#ichikawa main #contents h6,
      body#purpose main #contents h6,
      body#old-doc main #contents h6,
      body#news main #contents h6,
      body#blog main #contents h6{
        /*color: #fad728;*/
        color:#d9503f;
      }

      body#guide main #contents h6{
        color: #61a0af;
      }

      body#exhibition main #contents h6{
        color: #a37838;
      }

      body#permanent main #contents h6{
        color: #6d864e;
      }

      body#event main #contents h6{
        color: #a15369;
      }

      body#school main #contents h6{
        color: #3d765e;
      }

      body#books main #contents h6{
        color: #537092;
      }

      body#publication main #contents h6{
        color: #817baa;
      }

    /*---- p ---*/
      main #contents p{
        margin-bottom: 10px;
      }

    /*----list pattern---*/
      main #contents ul{
overflow:hidden;

      }

      main #contents ul > li{
        position: relative;
        list-style: none;
        padding-left: 25px;
        margin-bottom: 10px;
      }

      main #contents ol > li{
        margin-bottom: 10px;
      }

      main #contents ul > li:before{
        position: absolute;
        display: block;
        content: '';
        top: 9px;
        left: 3px;
        width: 10px;
        height: 10px;
        border-radius: 25px;
      }

      body#about main #contents ul > li:before,
      body#under main #contents ul > li:before,
      body#minwa main #contents ul > li:before,
      body#ichikawa main #contents ul > li:before,
      body#purpose main #contents ul > li:before,
      body#old-doc main #contents ul > li:before,
      body#news main #contents ul > li:before,
      body#blog main #contents ul > li:before,
      body#ezu main #contents ul > li:before,
      body#miyasaka main #contents ul > li:before,
      body#iseki main #contents ul > li:before,
      body#dogu main #contents ul > li:before{
        background: #fad728;
      }

      body#guide main #contents ul > li:before{
        background: #61a0af;
      }

      body#exhibition main #contents ul li:before{
        background: #a37838;
      }

      body#permanent main #contents ul > li:before{
        background: #6d864e;
      }

      body#event main #contents ul > li:before{
        background: #a15369;
      }

      body#school main #contents ul > li:before{
        background: #3d765e;
      }

      body#books main #contents ul > li:before{
        background: #537092;
      }

      body#publication main #contents ul > li:before{
        background: #817baa;
      }

      body#contact main #contents ul > li:before{
        background: #61a0af;
      }

      main #contents ol{
        margin: 0 0 1em 1.3em;
      }

      main #contents ol + li{
        padding-left: 5px;
        margin-bottom: 10px;
      }

      /*----table---*/
      main #contents table{
        width: 100%;
        border: 1px solid #4f585f;
        border-spacing: inherit;
        border-collapse: separate;
        margin-bottom: 10px;
      }

      main #contents table caption{
        padding: 7px 10px ;
        -webkit-box-sizing: border-box ;
        box-sizing: border-box ;
        background: #4f5962 ;
        color: #ffffff ;
        font-weight: bold ;}

      main #contents table th{
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #ffffff;
        text-align: center;
        background: #4f5962;
        color: #ffffff;
      }
      main #contents table th a{
        color: #ffffff ;}

      main #contents table td{
          padding: 10px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border: 1px solid #ffffff;
          background: #f2f2f2;
      }

       @media screen and (max-width:1179px) {
      main #contents table.scroll{
        overflow-x: scroll;
        display: block;
        word-break: keep-all;
        -webkit-overflow-scrolling: touch;
      }
 
    }

      /*----link_style & btn_style---*/
      main #contents .link{
        display: inline-block;
        font-size: 1.4rem;
        margin-bottom: 5px;
        text-align: left;
        position: relative;
        padding-left: 25px;
      }

      main #contents .btn{
        border:#1a1a1a 2px solid;
        border-radius:8px;
        font-size: 1.4rem;
        margin-bottom: 10px;
        text-align: left;
        text-decoration: none;
        display: inline-block;
        padding:5px 10px 5px 30px;
        position: relative;
      }

        main #contents .link:before,
        main #contents .btn:before{
        position: absolute;
        display: block;
        content: '\f105';
        font-family:'Font Awesome 5 Free';
	    font-weight:900;
        color: #fff;
        top: 0;
        bottom: 0;
        margin: auto;
        padding: 0 0 0 1px;
        left:5px;
        text-align: center;
        line-height: 18px;
        width: 16px;
        height: 17px;
        border-radius: 50%;
        background: #fad728;
      }

    

      body#about main #contents .link:before,
      body#about main #contents .btn:before,
      body#under main #contents .link:before,
      body#under main #contents .btn:before,
      body#minwa main #contents .link:before,
      body#minwa main #contents .btn:before,
      body#ichikawa main #contents .link:before,
      body#ichikawa main #contents .btn:before,
      body#purpose main #contents .link:before,
      body#purpose main #contents .btn:before,
      body#old-doc main #contents .link:before,
      body#old-doc main #contents .btn:before{
        background: #fad728;
      }

      body#about main #contents .link:after,
      body#about main #contents .btn:after,
      body#under main #contents .link:after,
      body#under main #contents .btn:after,
      body#minwa main #contents .link:after,
      body#minwa main #contents .btn:after,
      body#ichikawa main #contents .link:after,
      body#ichikawa main #contents .btn:after,
      body#purpose main #contents .link:after,
      body#purpose main #contents .btn:after,
      body#old-doc main #contents .link:after,
      body#old-doc main #contents .btn:after{
        border-top: 2px solid #4f5961;
        border-right: 2px solid #4f5961;
      }

      body#guide main #contents .link:before,
      body#guide main #contents .btn:before{
        background: #61a0af;
      }

      body#exhibition main #contents .link:before,
      body#exhibition main #contents .btn:before{
        background: #a37838;
      }

      body#permanent main #contents .link:before,
      body#permanent main #contents .btn:before{
        background: #6d864e;
      }

      body#event main #contents .link:before,
      body#event main #contents .btn:before{
        background: #a15369;
      }

      body#school main #contents .link:before,
      body#school main #contents .btn:before{
        background: #3d765e;
      }


      body#books main #contents .link:before,
      body#books main #contents .btn:before{
        background: #537092;
      }

      body#publication main #contents .link:before,
      body#publication main #contents .btn:before{
        background: #817baa;
      }



    @media screen and (max-width:1179px) and (min-width:897px) {
      main#column1 #contents{
        /*width:80%;*/
        max-width: 1179px;
      }
    }

    @media screen and (max-width:896px ){
      main#column1 #contents{
        width:95%;
        max-width: 775px;
      }
    }


/* 	画像レイアウト
++++++++++++++++++++++++++++++++++*/
main #contents img{
  display: block;
  margin: auto;}

main #contents figure.floatL { 
  float: left; 
  margin: 0 10px 10px 0;}
main #contents figure.floatR { 
  float: right; 
  margin: 0 0 10px 10px;}

main #contents figure figcaption{ 
  text-align: center;
  font-size: 90%;
  margin-top: 5px
}

main #contents div.text::after { 
  content: "";
  display: block;
  clear: both;}

main #contents .figArea{
  margin: 50px 0;
}

@media screen and (max-width:896px ){
  main #contents .text figure.floatL ,
 main #contents .text figure.floatR {
    float: none;
    margin: 10px auto;}
}

/* 	検索フォーム
++++++++++++++++++++++++++++++++++*/
main #contents #search{
  margin-bottom: 50px;}
main #contents table.search{
  margin: 0 auto 25px auto ;}
main #contents table.search th{
  width: 175px ;}
main #contents table.search td{}
main #contents table.search td label{
  display: inline-block ;
  margin: 5px 10px 5px 0 ;
min-width: 100px ;}
main #contents table.search td input[type=text]{
  width: 90% ;}
main #contents table.detail{
  margin-bottom: 25px ;}
main #contents table.detail th{
  width: 175px ;}
main #contents table.search td .cond-operation{
 margin-bottom: 0 ;}
main #contents table.search td .cond-operation a{
 display: inline-block ;
 border: 1px solid #cccccc ;
 padding: 2px 5px;
 margin: 0 0 10px 0 ;
 box-sizing: border-box ;
 background: #cccccc ;
 text-decoration: none ;}
main #contents table.search td .area_box{
 background: #ffffff;
 padding: 10px 15px;
 box-sizing: border-box;
 margin: 0 auto 15px auto;}
main #contents table.search td .area_box p{
 font-weight: bold ;
 padding: 0 0 0 5px ;
 margin: 0 auto 0px auto;}
main #contents table.search td .area_box div label{
 min-width: 90px ;}
main #contents table.search td dl{
 width: 100% ;
 background: #ffffff ;
 padding: 10px ;
 box-sizing: border-box ;
/* display: flex;*/
 margin-bottom: 15px ;}
main #contents table.search td dl:last-child{
 margin-bottom: 0;}
main #contents table.search td dl dt{
/* width: 90px ;*/
}
main #contents table.search td dl dd{}

 
 
 
 
main #contents div.submit{
  margin: 0 auto ;
  text-align: center ;}
main #contents div.submit a,
main #contents div.submit input,
main #contents div.submit button{
  background: #fad728 ;
  border: none ;
  -webkit-box-sizing:border-box ;
  box-sizing:border-box ;
  margin: 0 5px ;
  padding: 6px 40px ;
  cursor: pointer ;}
main #contents div.submit input[type=reset],
main #contents div.submit button[type=reset]{
  background: #4f5962;
  color: #ffffff ;}




/*　テキスト＋画像
++++++++++++++++++*/
main #contents .textImage_box{
  overflow: hidden ;
  margin-bottom: 25px ;}
main #contents .textImage_box .text{
  overflow: hidden ;}
main #contents .textImage_box .text figure{
  max-width: 300px;
  display: block ;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}
main #contents .textImage_box.textImageleft figure{
  float: left ;
  margin: 0 15px 20px 0 ;}
main #contents .textImage_box.textImageright figure{
  float: right ;
  margin: 0 0 20px 15px ;}
main #contents .textImage_box.textImagetop figure{
  margin: 0 auto 20px auto ;}
main #contents .textImage_box.textImagebottom figure{
  margin: 20px auto 0 auto ;}
main #contents .textImage_box figure img{
  border: none ;
  padding: 0 ;
  max-width: 100% ;
  display: block ;
  margin: 0 auto ;}
main #contents .textImage_box figure figcaption{
  display: block ;
  margin-top: 5px ;}

@media (max-width: 1000px){
  main #contents .textImage_box.textImageleft figure,
  main #contents .textImage_box.textImageright figure{
    max-width: 100% ;
    float: none ;
    margin-bottom: 15px ;}
}

/*　画像横並び
++++++++++++++++++*/
main #contents .img_list{
  width: 100% ;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto ;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;}
main #contents .img_list li{
  list-style: none ;
  width: 32% ;
  margin: 0 0.5% 15px 0.5%;
  padding: 0 ;
  background: none ;}
main #contents .img_list.c5 li{
  list-style: none ;
  width: 19% ;}
main #contents .img_list li:before{
  display: none ;}
main #contents .img_list li img{
  max-width: 100% ;
  margin: 0 auto 10px auto ;}

@media (max-width: 450px){
  main #contents .img_list{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main #contents .img_list li{
    width: 100%;
  }
  
  main #contents .img_list li img{
  margin: auto
}


/*------検索ページタイトル共通
                    --------*/
#contents .img_subttl{
  padding-bottom:15px;
}