@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● footer.css                                          */
/*    サイト共通部                                        */
/*    ・フッタ                                            */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Footer                                        */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
footer {
    position: relative;
    font-size: 1.6rem;
    color: #fff;
    background-color: #222;
    
    /* + + + + + レスポンシブ + + + + +  */
    @include media-query(over-bp-m) {
      .PageWidthSetter {
        //max-width: $page-width-max;
      }
    }
    @include media-query(under-bp-m) {
      .PageWidthSetter {
      }
    }
  }
  
  
  
  /* SiteFooterArea
  --------------------------------------------------- */
  .SiteFooterArea {
    padding: 3rem 0;
  }

  
  
  /* - - AuthorBlock - - */
  .AuthorBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    > *{
      margin: 1rem 0;
    }
    .BlockHeader{
      .SiteLogo{
        transform-origin: 50% 50%;
        > a{
          .Icon {
          }
        }
      }
    }
    .BlockContents{
      @include media-query(under-bp-m) {
        text-align: center;
        margin: 0 0 1em;
      }
      .Heading{
        font-size: $font-size-m;
        @include media-query(under-bp-m) {
          font-size: $font-size-s;
        }
        font-weight: 500;
        text-align: center;
        margin: 0 0 0.5em;
        html[lang="ja"] &{
          letter-spacing: 0.125em;
        }
      }
      .DefaultText{
        font-size: $font-size-s;
      }
      .ButtonList{
        font-size: 1.4rem;
        margin-top: 0.5em;
      }
    }

  }
  
  
  
  
  /* CopyrightArea
  --------------------------------------------------- */
  .CopyrightArea {
    padding: 0 0 3rem;

    > .PageWidthSetter{
      display: flex;
      align-items: center;
      // justify-content: space-between;
      flex-direction: column;
      font-size: $font-size-s;
      @include media-query(over-bp-m) {
        .ContentsMenuList{
          font-size: 1.3rem;
          padding-right: 6.5rem;
        }
        p.Copyright{
        }
      }
      @include media-query(under-bp-m) {
        flex-direction: column;
        p.Copyright{
          margin-top: 1em;
          font-size: $font-size-xs;
        }
      }
      .ContentsMenuList{
        display: flex;
        line-height: 1;
        li{
          padding:0 1em;
          border-left: 1px solid;
          a{
            &::after{
              background: #fff;
              height: 1px;
            }
            &:hover{
              color: inherit;
            }
            @extend .hvr-underline-effect;
          }
          &:first-child{
            border-left: none;
          }
          &:last-child{
            
          }
        }
      }
      p.Copyright{
        text-align: center;
        font-size: 1.4rem;
        opacity: 0.6;
        @include media-query(under-bp-m) {
          font-size: 1.2rem;
        }
      }
    }

  }