@charset "UTF-8";

/* footer
------------------------------- */

/* header-topここから
------------------------------- */
.footer-bottom {
    /* max-width: 1200px;　最大ワイド幅1200pxに設定 */
    /* margin-left: auto;　ブラウザの幅から要素の幅を引いた値を、左右均等に分配して余白を設ける */
    /* margin-right: auto;　ブラウザの幅から要素の幅を引いた値を、左右均等に分配して余白を設ける */
    padding-top: 15px;/* 余白を設定 */
    padding-left: 15px;/* 余白を設定 */
    padding-right: 50px;/* 余白を設定 */
    padding-bottom: 15px;/* 余白を設定 */
    display: flex;/* フレキシブルボックスに【子要素を横並び】 */
    justify-content: space-between;/* アイテムを両端から均等に配置 */
    align-items: center;/* 子要素の軸とクロスする方向の配置を、中央揃え */
  }

/* footer-logo */
.footer-logo {
    display: block;/* 初期値に戻す */
    width: 150px;/* 要素の幅サイズ指定 */
    height: 35px;
}


/* footer-navここから --- */
.footer-nav {
    margin: auto auto 0 0;
}
ul.footer-nav-list {
    right: 10px;
}
ul.footer-nav-list li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 0.5em;
}
ul.footer-nav-list li a {
    color: var(--kuro);
    text-decoration: none;
}
ul.footer-nav-list img {
    display: block;
    width: 20px;
}
  
/* width　600px 以下の設定 */
@media screen and (max-width: 600px) {
    .footer-bottom {
        padding-bottom: 5px;
    }
    .footer-logo,
    ul li.footer-none {
      display: none;/* main-nav非表示 */
    }
}
/* footer-navここまで --- */