﻿@charset "UTF-8";
/*  /////////////////////////////////////////////////////////////// 
       フッター （全ページ共通） #footer指定                        
//////////////////////////////////////////////////////////////// */
/**/
/**/
/**/
#footer {
  width: 100%;
  padding-top: 30px;
  text-align: center;
    background-color: #C5DBB5;/*文森指定色　同型色*/
    /*background-color: #517636;*//*文森マーク色と同系色*/
  color: #000000; /*タイトル、テーブル内統一*/
  border: solid 0px;
}
/* タイトル　みのかも文化の森/美濃加茂市民ミュージアム
------------------------------------------------------ */
#footer .title {
  position: relative;
  text-align: left;
  font-size: 0.9rem;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1150px;
  border: solid 0px;
}
#footer .title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  /*margin: 0　0em;*/
  padding-right: 1em; /*文字とラインを空ける*/
	color: #000000;
   background-color: #C5DBB5;/*文森指定色　同型色*/
  text-align: left;
}
#footer .title:before { /* ライン */
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
	color: #000000;
  background-color: #3B3939; /*文字色と同じ*/
}
/* メインテーブル　（住所テーブル）（関連サイトテーブル）　
------------------------------------------------------ */
#footer .main_tbl {
  border-collapse: collapse; /*隙間調整*/
  border-spacing: 0; /*隙間調整*/
  width: 90%;
  max-width: 1050px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: solid 0px;
}
#footer .main_tbl td {
  font-size: 0.8rem;
}
#footer .main_tbl .left { /*（住所テーブル）*/
  width: 65%;
  border: solid 0px;
}
#footer .main_tbl .right { /*（関連サイトテーブル）*/
  width: 35%;
  border-left: solid 1px; /*td縦ライン（区切り線）*/
  border-color: #3B3939;
}
/* （住所テーブル）（関連サイトテーブル）　
------------------------------------------------------ */
/*隙間調整*/
#footer .left_tbl, #footer .right_tbl {
  border-collapse: collapse;
  border-spacing: 0;
}
/*テーブル内上揃え*/ /*文字指定*/
#footer table td, #footer table td a {
  vertical-align: top;
  font-size:0.8rem;
  line-height: 1.2rem;
  text-align: left;
}
/*リンク設定*/
#footer table td a{
  /*text-decoration: none;*/
  font-size: 0.8rem;
  color: #1D1C1C;
}
/*#footer table td a:hover {
  color: #E44040;
}*/
/*関連サイトテーブル*/
#footer .main_tbl .right_tbl { /*td縦ライン（区切り線）と空ける*/
  margin-left: 50px;
}
/*（関連サイトテーブル）　の左のタイトル*/
#footer .right_tbl .waku1 {
  width: 40%;
}
/*（関連サイトテーブル）　の右の一覧*/
#footer .right_tbl .waku2 {
  width: 60%;
  border: solid 0px;
}
/*（関連サイトテーブル）　ホームページの一覧spanで改行 */
#footer .right_tbl .waku2 span {
  display: inline-block;
}
/*   copyright
======================================================================================================= */
#footer .copyright {
  width: 100%;
  height: 26px;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  font-size: 0.8rem;
  line-height: 1.6rem; /*親要素のheight:pxで上下センタリング*/
  /*letter-spacing: 15px;*/
}
/* ディバイスサイズ設定
   （全体レイアウトcontainer、main_areaはlayout.cssに記載）
======================================================================================================= */
/* スマホ用***************** */
@media (max-width: 749px) {
    #footer .title, #footer .main_tbl{
        display: none;
    }
#footer{
padding-top: 0px;
}

    #footer .copyright {
  font-size: 0.8rem;
}
}
/* タブレット用 ***************** */
@media (min-width: 750px) and (max-width: 1023px) {
     #footer .title, #footer .main_tbl{
        display: none;
    }
}
/* Desktop ***************** */
@media (min-width: 1024px) {}