@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

  /*フッタブロックの定義*/
#footerbar {text-align: center; border-top: 1px solid #DDD; font-size: 12px; padding: 8px 0 0 0}
#footerbar #footermenu {margin: 6px 0 6px 0; text-align: center}
#footerbar #footermenu UL {margin: 0 0 0 115px;}
#footerbar #footermenu LI {float: left; display: inline; margin: 0 10px 0 10px}

#footerbar #copyright {margin: 5px 0 0 0}

#footerbar #footerhidden {margin: 0px 0 0 0}


#ankert_setumei {color: red}

#footerbar #footermenu ul {
  margin: 0 auto !important;   /* 左にずれている余白を消す */
  padding: 0;
  list-style: none;
  display: flex;               /* フレックスで横並び */
  justify-content: center;     /* 中央寄せ */
  flex-wrap: wrap;             /* はみ出したら折り返す */
}
#footer a{
	color:#001975;
}
@media (max-width: 768px) {
  #footerbar #footermenu ul {
    margin: 0 auto !important;   /* 中央寄せ */
    padding: 0;
    list-style: none;
    display: block;              /* フレックスではなくブロックに */
    text-align: center;          /* 中央寄せ */
  }

  #footerbar #footermenu li {
    float: none !important;      /* float解除 */
    display: block;              /* 縦並び */
    margin: 8px 0;               /* 項目の間隔 */
  }

  #footerbar #footermenu a {
    display: inline-block;       /* テキストをボタン風に中央寄せ */
    padding: 6px 0;
  }
}
@media (max-width: 768px) {
  /* テーブル全体をブロック化 */
  #footerbar table {
    width: 100% !important;
    display: block;
    border-collapse: collapse;
  }
  #footerbar table tbody,
  #footerbar table tr {
    display: block;
    width: 100%;
  }
  #footerbar table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    margin-bottom: 12px; /* td同士の間隔 */
  }

  /* 画像は横幅いっぱいに調整 */
  #footerbar table img {
    max-width: 100%;
    height: auto;
  }
}
