@charset "UTF-8";  
@layer layouts {
  body {
    min-height: auto !important;
  }
  :where(.fixed) {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f8f8f0 !important;
    padding: 0.1em 0 0.3em !important;
    z-index: 4;
  }
  :where(.fixed) .fixedframe {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
  }
  :where(.fixed) .fixedframe a {
    width: 60%;
    display: block;
    margin-inline: auto;
    max-width: 250px;
  }
  /* footer-af2用: ボタンが2つある場合は横並び */
  :where(.fixed) .fixedframe:has(a + a) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2%;
  }
  :where(.fixed) .fixedframe:has(a + a) a {
    width: 48%;
    margin: 0;
    max-width: 336px;
  }
  @media screen and (max-width: 600px) {
    :where(.fixed) .fixedframe {
      padding: 0 4%;
    }
  }
}